/*
##############################################################
allgemeine HTML-Tags
##############################################################
*/
html { height:100%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#073070; background-color:#FFFFFF; margin:0px; padding:0px; height:100%; }
img { border:none; }
a { color:#073070; text-decoration:underline; }
tr { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#073070; }


.table_style { border-collapse:collapse !important; border:2px solid #073070 !important; margin-bottom:5px; }
.table_style td { border:1px solid #073070 !important; padding:2px !important; }

#top { background-color:#FFFFFF; height:100%; }

#header { height:178px; background-color:#FFFFFF; vertical-align:top; }
#top1 { display:block; float:left; width:100%; height:37px; margin:2px 0 2px 0; background-color:#FF9D00; background-image:url(../images/bg_top.gif); background-position:right; background-repeat:no-repeat; }
#top1 a { display:block; }

#top2_border { display:block; float:left; width:100%; border-bottom:17px solid #073070; }
#top2 { display:block; float:left; width:100%; height:89px; background-color:#D1E3F6; }
#top2_left { display:block; float:left; height:89px; border-left:30px solid #488FDB; border-right:123px solid #A3C7ED; background-color:#76ABE4; }
#top2_left_empty { display:block; float:left; height:89px; width:182px; border-left:30px solid #488FDB; border-right:123px solid #A3C7ED; background-color:#76ABE4; }
#top2 form { display:block; float:left; padding:13px 14px 0 8px; margin:0; }
#top2 label { display:block; width:160px; color:#FFFFFF; font-size:11px; margin-bottom:8px; font-weight:bold; }
#suchbegriff { display:block; float:left; width:134px; color:#073070; border:1px solid #A3ADB3; font-size:11px; margin-right:17px; }
#suchbtn { display:block; float:left; }
#top2_right { float:right; }

#main { height:80%; }

#main_middle { vertical-align:top; }
#main_left { width:212px; vertical-align:top;  background-position:left top; background-repeat:repeat-y; }
#main_left_blau { width:212px; vertical-align:top;  background-position:left top; background-repeat:repeat-y; background-image:url(../images/bg_site_left_blau.gif); }
#main_left_rot { width:212px; vertical-align:top;  background-position:left top; background-repeat:repeat-y; background-image:url(../images/bg_site_left_rot.gif); }
#main_left_gruen { width:212px; vertical-align:top;  background-position:left top; background-repeat:repeat-y; background-image:url(../images/bg_site_left_gruen.gif); }
#main_left_gelb { width:212px; vertical-align:top;  background-position:left top; background-repeat:repeat-y; background-image:url(../images/bg_site_left_gelb.gif); }
#main_right { width:182px; vertical-align:top; background-color:#D1E3F6; }

.cboth { clear:both; font-size:0; }
.cleft { clear:left; font-size:0; }

#unavi { border-top:17px solid #456494; list-style:none; padding:0; margin:0 0 20px 0; width:212px; float:left;  }
#unavi li { float:left; width:100%; }
#unavi li a { font-size:11px; font-weight:bold; text-decoration:none; display:block; padding:2px 0 2px 39px; color:#073070; }
#unavi ul { list-style:none; padding:0; margin:0; }
#unavi ul a { padding-left:46px; font-weight:normal; }

.start	{ padding-bottom:28px; margin-top:14px; }

.aktiv_blau { background-image:url(../images/bg_btn_blau.gif); }
.aktiv_rot { background-image:url(../images/bg_btn_rot.gif); }
.aktiv_gelb { background-image:url(../images/bg_btn_gelb.gif); }
.aktiv_gruen { background-image:url(../images/bg_btn_gruen.gif); }

#top_streifen { width:100%; display:block; float:left; height:31px; background-position:left; background-repeat:repeat; font-size:0; }
.top_streifen_blau {  background-image:url(../images/head_blau.gif); }
.top_streifen_rot {  background-image:url(../images/head_rot.gif); }
.top_streifen_gelb {  background-image:url(../images/head_gelb.gif); }
.top_streifen_gruen {  background-image:url(../images/head_gruen.gif); }

#links { list-style:none; padding:0; margin:0; float:left; width:100%; text-align:center; }
#links a { float:left; margin:0 0 5px 40px; }
/*
#links li { width:100%; float:left; }
#links li a { font-size:11px; font-weight:bold; text-decoration:none; display:block; margin-left:44px; padding:2px 0 2px 29px; color:#073070; background-position:top left; background-repeat:no-repeat; }
#links.blau a { background-image:url(../images/bg_btn_link_blau.gif); }
#links.rot a { background-image:url(../images/bg_btn_link_rot.gif); }
#links.gelb a { background-image:url(../images/bg_btn_link_gelb.gif); }
#links.gruen a { background-image:url(../images/bg_btn_link_gruen.gif); }
*/

#unavi.blau a:hover, #links.blau a:hover, #top.blau h1, .link_blau, #pfad.blau, #pfad.blau a, #pfad.blau a:hover, .top a.blau, span.blau, .blau h1, .datei_linkblau, #farbauswahl.blau a, #farbauswahl .farbauswahl_blau a, .zeile_blau { color:#488FDB !important; }
#unavi.rot a:hover, #links.rot a:hover, #top.rot h1, .link_rot, #pfad.rot, #pfad.rot a, #pfad.rot a:hover, .top a.rot, span.rot, .rot h1, .datei_linkrot, #farbauswahl.rot a, .zeile_rot, #farbauswahl .farbauswahl_rot a { color:#CC3333 !important; }
#unavi.gelb a:hover, #links.gelb a:hover, #top.gelb h1, .link_gelb, #pfad.gelb, #pfad.gelb a, #pfad.gelb a:hover, .top a.gelb, span.gelb, .gelb h1, .datei_linkgelb, #farbauswahl.gelb a, #farbauswahl .farbauswahl_gelb a, .zeile_gelb { color:#FF9933 !important; }
#unavi.gruen a:hover, #links.gruen a:hover, #top.gruen h1, .link_gruen, #pfad.gruen, #pfad.gruen a, #pfad.gruen a:hover, .top a.gruen, span.gruen, .gruen h1, .datei_linkgruen, #farbauswahl.gruen a, .zeile_gruen, #farbauswahl .farbauswahl_gruen a { color:#5A8E1E !important; }
.datei_link:hover	{ color:#073070 !important; }
#farbauswahl a:hover, span a:hover { color:#073070 !important; }

#right_top { display:block; height:17px; background-color:#C1CBDB; text-align:center; font-size:12px; color:#073070; }
#right_top a { font-size:9px; color:#073070; text-decoration:none; margin-top:3px; }
#right_top a:hover { text-decoration:none; }
#main_right h3 { display:block; margin:28px 0 19px 0; padding:0; text-align:center; font-size:11px; }
#main_right ul { list-style:none; padding:0; margin:0; width:182px; float:left; }
#main_right li { background-color:#A3C7ED; margin-bottom:18px; background-image:url(../images/bg_service.gif); width:100%; float:left; }
#main_right li a { font-size:11px; font-weight:bold; text-decoration:none; display:block; padding:4px 0 3px 46px; color:#073070; background-repeat:no-repeat; background-position:left center; }
#main_right li a:hover { color:#FFFFFF; text-decoration:none; }


#serv01 { background-image:url(../images/icons/icon_kurse.gif); }
#serv02 { background-image:url(../images/icons/icon_handwerker.gif); }
#serv03 { background-image:url(../images/icons/icon_lehrstellen.gif); }
#serv04 { background-image:url(../images/icons/icon_betriebs.gif); }
#serv05 { background-image:url(../images/icons/icon_formulare.gif); }
#serv06 { background-image:url(../images/icons/icon_sachverstaendige.gif); }
#serv07 { background-image:url(../images/icons/icon_termine.gif); }
#serv08 { background-image:url(../images/icons/icon_newsletter.gif); }
#serv09 { background-image:url(../images/icons/icon_service.gif); }
#serv10 { background-image:url(../images/icons/hwk_partnerschaften.gif); }
#serv11 { background-image:url(../images/icons/icon_startcenter.gif); }
#serv12 { background-image:url(../images/icons/icon_praktika.gif); }
#serv13 { background-image:url(../images/icons/icon_online_lehrvertrag.gif); }

#middle_top { display:block; background-color:#073070; overflow:hidden; }
#middle_top ul { list-style:none; padding:2px 0 0 0; margin:0; float:left; width:100%;  background-color:#073070; }
#middle_top li { float:left; padding:0; margin:0; height:15px; }
#middle_top li a { display:block; float:left; color:#FFFFFF; font-size:11px; font-weight:bold; padding:0 0 0 26px; text-decoration:none; } 
#middle_top li.blau a:hover, #middle_top li a.blau, h1.blau { color:#A3C7ED; }
#middle_top li.rot a:hover, #middle_top li a.rot, h1.rot { color:#EE234A; }
#middle_top li.gelb a:hover, #middle_top li a.gelb, h1.gelb { color:#FBCB3D; }
#middle_top li.gruen a:hover, #middle_top li a.gruen, h1.gruen { color:#B4BD00; }

.text { clear:both; display:block; }
.text_abstand { padding:0 20px 10px 20px; }
.text_abstand_rght { padding:20px 20px 10px 0; }
.text h1 { display:block; margin:28px 0 28px 0; padding:0; font-size:13px; }
.text p { display:block; margin:0; padding:2px 0 2px 0; }

#linie { clear:both; width:99%; height:2px; font-size:0px; margin:10px 0 10px 0; background-position:left; background-repeat:repeat-x; }
.linie_blau { clear:both; width:99%; height:2px; font-size:0px; margin:10px 0 10px 0; background-position:left; background-repeat:repeat-x; background-image:url(../images/bg_linie_blau.gif); }
.linie_rot { clear:both; width:99%; height:2px; font-size:0px; margin:10px 0 10px 0; background-position:left; background-repeat:repeat-x; background-image:url(../images/bg_linie_rot.gif); }
.linie_gelb { clear:both; width:99%; height:2px; font-size:0px; margin:10px 0 10px 0; background-position:left; background-repeat:repeat-x; background-image:url(../images/bg_linie_gelb.gif); }
.linie_gruen { clear:both; width:99%; height:2px; font-size:0px; margin:10px 0 10px 0; background-position:left; background-repeat:repeat-x; background-image:url(../images/bg_linie_gruen.gif); }

.news_zeile { text-align:center; }
.news { width:31%; text-align:left; float:left; }
.news a { color:#488FDB; text-decoration:none; font-size:10px; font-weight:bold; }
.news a:hover { text-decoration:underline; }
.news_top a { width:100%; float:left; text-decoration:none; background-color:#073070; background-image:url(../images/btn_start_news.gif); background-position:right top; background-repeat:repeat-y; color:#FFFFFF; font-weight:bold; font-size:9px; cursor:pointer; }
.news_top a:hover { text-decoration:none; }
.news_top span { padding-left:2px; float:left; }

.schnellnavi { width:100%; float:left; background-color:#8397B7; font-size:11px; font-weight:bold; margin-top:15px; color:#FFFFFF; padding:2px 0 2px 0; }
.schnellnavi label { float:left; margin-right:20px; padding:2px 0 0 5px; }
.schnellnavi input { float:left; margin-left:10px; }
#schnellauswahl { background-color:#FFFFFF; color:#073070; display:block; float:left; font-size:9px; }
.schnell_blau { background-color:#76ABE4; color:#FFFFFF; }
.schnell_blau_unter { background-color:#DEEBF9; }
.schnell_rot { background-color:#B82C44; color:#FFFFFF; }
.schnell_rot_unter { background-color:#EDCAD0; }
.schnell_gelb { background-color:#FF9933; color:#FFFFFF; }
.schnell_gelb_unter { background-color:#FFE5CC; }
.schnell_gruen { background-color:#5A8E1E; color:#FFFFFF; }
.schnell_gruen_unter { background-color:#D6E3C7; }

.topic { width:100%; }
.topic a , .topic h2 { float:left; background-position:left center; background-repeat:no-repeat; font-size:13px; font-weight:bold; text-decoration:none; }
.topic a:hover { text-decoration:underline; cursor:pointer; }
.topic span { padding-left:40px; float:left; } 
.topic a.blau, .topic h2.blau { background-image:url(../images/btn_pfeil_blau.gif); color:#488FDB; }
.topic a.rot, .topic h2.rot { background-image:url(../images/btn_pfeil_rot.gif); color:#CC3333; }
.topic a.gelb, .topic h2.gelb { background-image:url(../images/btn_pfeil_gelb.gif); color:#FF9933 }
.topic a.gruen, .topic h2.gruen { background-image:url(../images/btn_pfeil_gruen.gif); }


.topic_head { width:100%; font-size:13px; font-weight:bold; } 

.link_print a { float:right; padding-left:25px; line-height:17px; font-size:11px; text-decoration:none; background-image:url(../images/btn_print.gif); background-position:left center; background-repeat:no-repeat; }
.link_print a:hover { color:#073070 !important; }
.link_back a { clear:right; float:left; padding-left:25px; font-size:11px; text-decoration:none; background-image:url(../images/btn_back.gif); background-position:0 4px; background-repeat:no-repeat; }
.link_back a:hover { color:#073070 !important; }
.link_top a { float:right; padding-left:25px; font-size:11px; text-decoration:none; background-image:url(../images/btn_top.gif); background-position:0 4px; background-repeat:no-repeat; }
.link_top a:hover { color:#073070 !important; }

#pfad { margin-top:5px; font-size:10px; float:left; }

.logo_link { list-style:none; float:left; width:99%; padding:0; margin:10px 0 10px 0; }
.logo_link li { float:left; margin:0 10px 10px 0; text-align:center; }


.formular_suche {  width:500px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#fff; }
.formular_mitglieder {  height:20px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #939393; background:#fff; }
.formular {  font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #939393; background:#fff; }
.formular_button {  width:70px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#EFEFEF; }
.formular_button2 {  width:200px;  height:20px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #939393; background:#E5E5E5; }
.formular_suche_aktuelles {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #FF8E00; background:#fff; }
.formular_suche_handwerk {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #DE000C; background:#fff; }
.formular_suche_bildung {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #9A003F; background:#fff; }
.formular_suche_beratung {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #2655AC; background:#fff; }
.formular_suche_uns {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #1AA800; background:#fff; }
.formular_suche_service {  width:235px;  height:15px; font-family:arial, helvetica, sans-serif;  font-size:11px; font-weight:bold; border:1px solid #7B2E00; background:#fff; }

.formular_kontakt {  width:243px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#fff; }
.formular_select {  width:50px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#fff; }
.formular_area {  width:500px; font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#fff; }
.formular_select_umfrage {  font-family:arial, helvetica, sans-serif;  font-size:11px; border:1px solid #488FDB; background:#fff; }
.sitemap { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#073070 !important; text-decoration:none; }
.sitemap:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#073070; text-decoration:underline; }

table, td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #073070; text-decoration: none; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #073070; margin: 7px 2px; text-decoration: none; }
h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #073070; margin: 7px 2px; text-decoration: none; }

.verlauf { font-size:9px; text-decoration:none; }
.verlauf_blau { font-size:9px; text-decoration:none; }
.verlauf_blau_underline { font-size:9px; text-decoration: underline; }

.kurs_bg { width:48%; background-color:#FFFFFF; }
.kurs_left { display:block; background-color:#fff2cc; margin-right:15px; margin-bottom:2px; }
.kurs_right { display:block; background-color:#fff2cc; margin-left:15px; margin-bottom:2px; }
.kurs_top_link { display:block; text-decoration:none; background-color:#ff9933; color:#FFFFFF !important; background-image:url(/images/btn_pfeil_kurs_gelb.gif); background-position:right top; background-repeat:no-repeat; font-weight:bold; font-size:9px; padding:0 0 0 2px !important; margin:0 !important; }
.kurs_p { padding-left:10px !important; padding-bottom:10px !important; padding-top:10px !important; }
.kurs_a { text-decoration:none; color:#073070 !important; font-weight:bold }
.kurs_a:hover { text-decoration:underline; }
/*
##############################################################
Linkssammlung (LS)
##############################################################
*/
.LS_linkBox { position:relative; background:#d1e3f6; margin:30px 0; }
.LS_iconBig { position:absolute; right:0; height:100%; top:0; bottom:0; width:200px; background-position:right center; background-repeat:no-repeat; }
.LS_boxHead { background:#488fdb; padding:4px 200px 4px 4px; }
.LS_boxBody { padding:6px 200px 6px 6px; color:#073070; }

.LS_iconSmall { position:absolute; width:24px; height:24px; left:0px; display:block; overflow:hidden; background-position:center center; background-repeat:no-repeat; }
.LS_boxHead h3 { color:#FFF; font-size:18px; font-weight:bold; margin:0; padding:0 0 0 32px; line-height:24px; position:relative; }

.LS_boxBody ul { margin:0; padding:0; }
.LS_boxBody li { padding:0 0 0 30px; list-style:none; background: url(../images/bg_btn_link_blau.gif) no-repeat 0 -1px; }
.LS_boxBody a { text-decoration:none; color:#073070 !important; font-weight:bold; font-size:10px; line-height:15px; }

.right_box { padding:0 6px; margin:19px 0; }
.right_box h3 { text-align:left !important; padding:0 !important; margin:5px 0 !important; color:#073070 !important; font-size:9px !important; line-height:12px !important; font-weight:bold !important; }

.YT-videos { width:170px !important; }
.YT-videos li, .paginator-pageItem { margin:0 0 16px 0 !important; background:none !important; }
.YT-vid { height:95px; width:170px; overflow:hidden; position:relative; padding:0 !important; margin:0 !important; display:block; }
.YT-vid img { position:absolute; left:0; display: block; }
.YT-play_icon {
	background: url(../images/play_icon.png) no-repeat scroll left center transparent;
    display: block;
    left: 50%;
    margin: 0 0 0 -25%;
    position: absolute;
    top: 0;
    width: 76px;
	height:95px;
}
*html .YT-play_icon {
	background-image: url(../images/play_icon.gif);
}
.YT-vid:hover .YT-play_icon {
	background-position:right center;
}
.YT-title { line-height:12px; padding:2px 0 0 0; font-size:9px; color:#073070; font-weight:normal; display:block; width:170px; }
.paginator { position:relative; overflow:hidden; }
.paginator-Page { position:absolute; top:0; }
.paginator-pager { border-bottom:#e7004d solid 2px; height:15px; margin:0 0 5px 0; }
.paginator-pager button { background:#073070; text-align:center; border:none; padding:0; margin:0 1px 2px 0; color:#FFF; font-size:9px; line-height:13px; height:15px; width:23px; display:block; float:left; cursor:pointer; }
.paginator-pager button.aktiv, .video-pager button:hover { background:#e7004d; }
.paginator-pager button.aktiv { font-weight:bold; }

#countdown {
	padding:0;
	margin:0 0 10px 0;
	float:left;
	width:100%;
	text-align:center; 
}
#countdown h3 { float:left; font-size:12px; font-weight:normal; text-align:center; margin:0 0 0 64px; padding:3px 0; width:105px; color:#FFF; background:#eb8a20; border:5px solid #000; border-radius:13px; }
#countdown h3 span { font-weight:normal; }
#countdown h3 a { font-size:12px; font-weight:normal; color:#FFF; display:inline !important; text-decoration:none; margin:0; float:none; }
* html #countdown h3 {
	 margin:0 0 0 32px;
}
