/* ####################  GENERAL  #################### */


html, body {
	margin: 0; padding: 0; height: 100%; border: 0;
	background: #5f0c01 url(../images/main/body_bg.png) repeat-x;
	font-family: sans-serif; font-weight: normal; font-variant: normal; text-decoration: none;
}

img {
	border: 0;
}

form, h1, h2 {
	margin: 0; padding: 0;
	font-family: sans-serif; font-weight: normal; font-variant: normal; text-decoration: none;
}

.clearfix {
	clear: both;
	display: block;
	overflow: hidden;
}


/* ####################  MAIN  #################### */

div#main {
	width: 80%; min-width: 970px; max-width: 1200px; margin: 0 auto; position: relative;
}



/* ####################  LINKER BEREICH  #################### */

div#left {
	width: 240px; padding-top: 37px;
	float: left;
}

div#left .logo {
	width: 240px; height: 95px; margin: 0 0 60px 0;
}

div#left .left_navigation {
	width: 220px; margin: 0 0 20px 0;
	clear: both; overflow: hidden;
}

div#left .left_navigation ul {
	margin: 0; padding: 0;
}

div#left .left_navigation li {
	list-style: none;
	float: left;
}

div#left .left_navigation a {
	width: 185px; padding: 0 10px 0 25px; margin: 0 0 4px 0;
	font-size: 9pt; color: #ffffff; text-decoration: none; line-height: 12pt;
	background: url(../images/main/left_navigation_arrow.png) 11px center no-repeat;
	display: block;
}

div#left .left_navigation a:hover {
	color: #e8c8c4;
}

div#left .left_navigation a.topic {
	width: 200px; height: 18px; padding: 4px 10px 0 10px; margin: 0 0 10px 0;
	font-weight: bold; color: #ffffff; text-decoration: none; line-height: 9pt;
	background: url(../images/main/left_navigation_topic_bg.png) no-repeat;
}

div#left .programm {
	width: 220px; height: 30px; padding: 45px 0 0 15px; margin: -13px 0 15px 0;
	font-family: sans-serif; font-size: 9pt; color: #ffffff; line-height: 12pt;
	background: url(../images/main/programm_bg.png) no-repeat;
}

div#left .programm a {
	font-family: sans-serif; font-size: 9pt; color: #ffffff; line-height: 12pt;
}

div#left .suche {
	width: 205px; height: 34px; padding: 36px 0 0 15px; margin: 0 0 15px 0;
	background: url(../images/main/suche_bg.png) no-repeat;
}

div#left .suche input.suchbegriff {
	width: 160px; height: 19px; padding: 0 5px;
	font-family: sans-serif; font-size: 9pt;
	border: 0; float: left;
}

div#left .kontakt {
	width: 220px; height: 145px; padding: 30px 0 0 15px; margin: 0 0 30px 0;
	font-family: sans-serif; font-size: 9pt; color: #ffffff; line-height: 12pt;
	background: url(../images/main/kontakt_bg.png) no-repeat;
}


/* ####################  SCHATTEN LINKS  #################### */

div#shadow_l {
	width: 10px; height: 170px;
	float: left;
	background: transparent url(../images/main/shadow_l_bg.png) no-repeat;
}



/* ####################  MITTLERER BEREICH  #################### */

div#middle {
	/* Minimale Breite: 710px | Maximale Breite: 940px */
	padding-top: 55px; margin: 0 10px 10px 250px;
	background: #ffffff url(../images/main/right_bg.png) repeat-x;
}



/* ##########  OBERE NAVIGATION  ########## */

div#middle .top_navigation {
	height: 25px;
	1background: #dedede;
}

div#middle .top_navigation ul {
	margin: 0; padding: 0;
}

div#middle .top_navigation li {
	list-style: none;
	float: left;
}

div#middle .top_navigation a {
	height: 20px; padding: 5px 7px 0 7px;
	font-size: 9pt; font-weight: bold; color: #3e3e3e; text-decoration: none; line-height: 9pt; text-transform: uppercase;
	display: block;
}

div#middle .top_navigation a:hover {
	color: #7f0f01;
}


/* ##########  BILDER  ########## */

div#middle .pictures {
	height: 200px;
	margin: 10px 0 25px 10px;
	border-right: 10px solid #ffffff;
}

div#middle .haende 			{ background: url(../images/pictures/haende.jpg) no-repeat; }
div#middle .daumen 			{ background: url(../images/pictures/daumen.jpg) no-repeat; }
div#middle .tb_1			{ background: url(../images/pictures/betr_einsteiger.jpg) no-repeat; }
div#middle .tb_2 			{ background: url(../images/pictures/betr_grundlagen.jpg) no-repeat; }
div#middle .tb_3 			{ background: url(../images/pictures/arbeitsrecht.jpg) no-repeat; }
div#middle .tb_4 			{ background: url(../images/pictures/richter.jpg) no-repeat; }
div#middle .tb_5 			{ background: url(../images/pictures/sozialrecht.jpg) no-repeat; }
div#middle .tb_6 			{ background: url(../images/pictures/arbeitsschutz.jpg) no-repeat; }
div#middle .tb_7 			{ background: url(../images/pictures/suchtberatung.jpg) no-repeat; }
div#middle .tb_8 			{ background: url(../images/pictures/1euro.jpg) no-repeat; }
div#middle .tb_9 			{ background: url(../images/pictures/stille_post.jpg) no-repeat; }
div#middle .tb_10 			{ background: url(../images/pictures/notebook_daumen.jpg) no-repeat; }
div#middle .tb_11 			{ background: url(../images/pictures/kannen.jpg) no-repeat; }
div#middle .stille_post		{ background: url(../images/pictures/stille_post.jpg) no-repeat; }
div#middle .flaschenpost	{ background: url(../images/pictures/flaschenpost.jpg) no-repeat; }
div#middle .scrabble		{ background: url(../images/pictures/scrabble.jpg) no-repeat; }
div#middle .akten			{ background: url(../images/pictures/akten.jpg) no-repeat; }
div#middle .dosen			{ background: url(../images/pictures/dosen.jpg) no-repeat; }
div#middle .band			{ background: url(../images/pictures/band.jpg) no-repeat; }
div#middle .sonnenbrille	{ background: url(../images/pictures/sonnenbrille.jpg) no-repeat; }
div#middle .stadtplan		{ background: url(../images/pictures/stadtplan.jpg) no-repeat; }
div#middle .suppe			{ background: url(../images/pictures/suppe.jpg) no-repeat; }
div#middle .bahnhof			{ background: url(../images/pictures/bahnhof.jpg) no-repeat; }
div#middle .hotel			{ background: url(../images/pictures/hotel.jpg) no-repeat; }
div#middle .strasse			{ background: url(../images/pictures/strasse.jpg) no-repeat; }
div#middle .ruf				{ background: url(../images/pictures/ruf.jpg) no-repeat; }
div#middle .schritte		{ background: url(../images/pictures/schritte.jpg) no-repeat; }
div#middle .maennchen		{ background: url(../images/pictures/maennchen.jpg) no-repeat; }
div#middle .kuli			{ background: url(../images/pictures/kuli.jpg) no-repeat; }
div#middle .bleistift		{ background: url(../images/pictures/bleistift.jpg) no-repeat; }
div#middle .tuer			{ background: url(../images/pictures/tuer.jpg) no-repeat; }
div#middle .schluessel		{ background: url(../images/pictures/schluessel.jpg) no-repeat; }
div#middle .hier_lang		{ background: url(../images/pictures/hier_lang.jpg) no-repeat; }
div#middle .enter			{ background: url(../images/pictures/enter.jpg) no-repeat; }
div#middle .buecher			{ background: url(../images/pictures/buecher.jpg) no-repeat; }
div#middle .paragraphen		{ background: url(../images/pictures/paragraphen.jpg) no-repeat; }
div#middle .hand_paragraph	{ background: url(../images/pictures/hand_paragraph.jpg) no-repeat; }
div#middle .notebook_daumen	{ background: url(../images/pictures/notebook_daumen.jpg) no-repeat; }
div#middle .haftie			{ background: url(../images/pictures/haftie.jpg) no-repeat; }
div#middle .rechenschieber	{ background: url(../images/pictures/rechenschieber.jpg) no-repeat; }
div#middle .agb				{ background: url(../images/pictures/agb.jpg) no-repeat; }
div#middle .briefkaesten	{ background: url(../images/pictures/briefkaesten.jpg) no-repeat; }
div#middle .gebaeude		{ background: url(../images/pictures/gebaeude.jpg) no-repeat; }
div#middle .pylone			{ background: url(../images/pictures/pylone.jpg) no-repeat; }
div#middle .notebook_buch	{ background: url(../images/pictures/notebook_buch.jpg) no-repeat; }
div#middle .spotlight		{ background: url(../images/pictures/spotlight.jpg) no-repeat; }
div#middle .news			{ background: url(../images/pictures/news.jpg) no-repeat; }
div#middle .paragraph_schluessel	{ background: url(../images/pictures/paragraph_schluessel.jpg) no-repeat; }
div#middle .admin			{ background: url(../images/pictures/admin.jpg) no-repeat; }
div#middle .rss				{ background: url(../images/pictures/rss.jpg) no-repeat; }

div#middle .hotel_augsburg		{ background: url(../images/pictures/augsburg_strassenbahn.jpg) no-repeat; }
div#middle .hotel_berlin		{ background: url(../images/pictures/berlin_reichstag.jpg) no-repeat; }
div#middle .hotel_bremen		{ background: url(../images/pictures/bremen_musikanten.jpg) no-repeat; }
div#middle .hotel_dresden		{ background: url(../images/pictures/dresden_zwinger.jpg) no-repeat; }
div#middle .hotel_fuessen		{ background: url(../images/pictures/fuessen_neuschwanstein.jpg) no-repeat; }
div#middle .hotel_hamburg		{ background: url(../images/pictures/hamburg_hafen.jpg) no-repeat; }
div#middle .hotel_unterhaching	{ background: url(../images/pictures/muenchen_frauenkirche.jpg) no-repeat; }
div#middle .hotel_timmendorfer_strand { background: url(../images/pictures/timmendorfer_strand_strand.jpg) no-repeat; }
div#middle .hotel_luebeck		{ background: url(../images/pictures/travemuende_segelboot.jpg) no-repeat; }
div#middle .hotel_willingen		{ background: url(../images/pictures/willingen_sonne.jpg) no-repeat; }



/* ##########  UNTER NAVIGATION  ########## */

#sub_profis, #sub_seminare, #sub_hotels, #sub_hilfen, #sub_service, #sub_anmelden, #sub_brwahl, #sub_admin_profis, #sub_admin_seminare, #sub_admin_service {
	position: absolute; top: 80px; padding: 0 0 10px 0;
	background: url(../images/main/sub_navigation_bg.png) bottom right no-repeat;
	visibility: hidden;
}

#sub_profis {	left: 321px; }
#sub_seminare {	left: 378px; }
#sub_hotels {	left: 450px; }
#sub_hilfen {	left: 510px; }
#sub_service {	left: 564px; }
#sub_anmelden {	left: 626px; }
#sub_brwahl {	left: 703px; }

#sub_admin_profis	{	left: 260px; }
#sub_admin_seminare {	left: 314px; }
#sub_admin_service	{	left: 387px; }


#sub_profis ul, #sub_seminare ul, #sub_hotels ul, #sub_hilfen ul, #sub_service ul, #sub_anmelden ul, #sub_brwahl ul, #sub_admin_profis ul, #sub_admin_seminare ul, #sub_admin_service ul {
	margin: 0; padding: 0;
}

#sub_profis li, #sub_seminare li, #sub_hotels li, #sub_hilfen li, #sub_service li, #sub_anmelden li, #sub_brwahl li, #sub_admin_profis li, #sub_admin_seminare li, #sub_admin_service li {
	padding: 0 10px 0 0;
	list-style-type: none;
}

#sub_profis li a, #sub_seminare li a, #sub_hotels li a, #sub_hilfen li a, #sub_service li a, #sub_anmelden li a, #sub_brwahl li a, #sub_admin_profis li a, #sub_admin_seminare li a, #sub_admin_service li a {
    padding: 6px 25px 6px 20px;
	font-size: 8pt; color: #ffffff; text-decoration: none; line-height: 8pt;
	display: block;
}
#sub_seminare li a.grey, #sub_hotels li a.grey {
	background-color: #989898;
}

#sub_profis li a:hover, #sub_seminare li a:hover, #sub_hotels li a:hover, #sub_hilfen li a:hover, #sub_service li a:hover, #sub_anmelden li a:hover, #sub_brwahl li a:hover, #sub_admin_profis li a:hover, #sub_admin_seminare li a:hover, #sub_admin_service li a:hover {
	padding-left: 17px;
	background-color: #a5a5a5;
	border-left: 3px solid #7f0f01;
}

/* ####################  CONTENT  #################### */
/* Minimale Breite: 650px | Maximale Breite: 880px */

div#content {
	padding: 5px 30px 30px 30px; min-height: 300px; overflow: hidden;
	font-family: sans-serif; font-size: 9pt; line-height: 15pt; color: #474747;
}

div#content h1 {
	font-family: sans-serif; font-weight: bold; font-size: 14pt; line-height: 17pt; color: #7f0f01;
	margin: 0; padding: 0 0 15px 0;
}

div#content h2 {
	font-family: sans-serif; font-weight: bold; font-size: 10.5pt; line-height: 11pt; color: #7f0f01;
	margin: 0; padding: 0 0 15px 0;
}

div#content h2.neuigkeiten {
	font-family: sans-serif; font-weight: bold; font-size: 10.5pt; line-height: 11pt; color: #474747;
	margin: 0; padding: 0 0 10px 0;
}

div#content .neuigkeiten_datum {
	padding: 3px 6px; margin: 0 10px 0 0;
	font-size: 8pt;
	background: #ebebeb; display: inline;
}


div#content .rot {
	color: #7f0f01;
}

div#content .nummer {
	width: 20px; line-height: 9pt;
	font-weight: bold; background: #7f0f01; color: #ffffff;
	display: inline; padding: 1px 4px; margin: 0 7px 0 0;
}

div#content .nachsatz {
	background: #f1f1f1; padding: 10px 25px;
}


div#content .hr {
	height: 1px; margin: 20px 0 20px 0;
	border-top: 1px dotted #dedede;
	display: block;
}

div#content a {
	font-size: 9pt; color: #474747; text-decoration: underline;
}

div#content a.rot {
	font-size: 9pt; color: #7f0f01; text-decoration: underline;
}

div#content a.pfeil_r {
	padding: 0 15px 0 0;
	background: transparent url(../images/icons/pfeil_r.png) right center no-repeat;
}

div#content a.pfeil_l {
	padding: 0 0 0 15px;
	background: transparent url(../images/icons/pfeil_l.png) left center no-repeat;
}

div#content a.pfeil_u {
	padding: 0 15px 0 0;
	background: transparent url(../images/icons/pfeil_u.png) right center no-repeat;
}

div#content a.pdf {
	padding: 0 0 0 12px; margin: 0 0 0 3px;
	background: transparent url(../images/icons/pdf_8.png) left center no-repeat;
}

div#content a.rss {
	padding: 0 0 0 15px;
	background: transparent url(../images/icons/rss.png) left center no-repeat;
}

div#content a.info {
	padding: 0 15px 0 0; cursor: help;
	background: transparent url(../images/icons/info.png) right center no-repeat;
}

div#content .rframe {
	padding: 0 0 0 15px;
	float: right;
}

div#content .rframe img {
	display: block;
	margin: 0 0 10px 0;
}

div#content .stichworte {
	display: block; padding: 2px 5px 2px 20px
}

div#content .white{
	background: #ffffff;
}

div#content .grey {
	background: #f1f1f1;
}

div#content .stichworte:hover {
	background: #e4e4e4;
}

div#content .deutschlandkarte {
	width: 489px; height: 638px; float: right;
	background: url(../images/content/deutschlandkarte.png) no-repeat;
}

div#content .process_success {
	color: #ffffff;
	background: #91cc02;
	padding: 5px 15px; margin: 0 0 10px 0;
}

div#content .process_error {
	color: #ffffff;
	background: #cd0a0a;
	padding: 5px 15px; margin: 0 0 10px 0;
}

div#content img.right {
	float: right; margin: 0 0 10px 15px;
}


#seminarbox {
	width: 140px; float: right;
	margin: 0 0 15px 15px;
}

#seminarbox .neu {
	width: 120px; padding: 3px 20px 3px 0; margin: 0 0 1px 0;
	font-weight: bold; font-size: 7pt; line-height: 7pt; color: #ffffff; text-align: right; font-style: italic;
	background: #ab675e;
}

#seminarbox .seminarnummer {
	width: 120px; padding: 7px 20px 7px 0;
	font-weight: bold; font-size: 7pt; line-height: 11pt; color: #ffffff; text-align: right;
	background: #7f0f01;
}

#seminarbox .big {
	font-size: 24pt; line-height: 24pt;
}

#seminarbox .seminartyp {
	width: 120px; padding: 3px 20px 3px 0; margin: 1px 0 0 0;
	font-weight: bold; font-size: 7pt; line-height: 7pt; color: #ffffff; text-align: right; font-style: italic;
	background: #adafb0;
}

/* #################### AKTIONEN  #################### */

#aermel {
	width: 100%; width: -35px; height: 94px; padding: 166px 0 0 0;
	background: url(../images/aktionen/aermel.jpg) no-repeat;
	font-family: sans-serif; font-weight: bold; font-size: 10pt; line-height: 17pt; color: #474747;
}


/* ####################  SCHATTEN RECHTS  #################### */

div#shadow_r {
	width: 10px; height: 170px; position: absolute; top: 0; right: 0;
	background: transparent url(../images/main/shadow_r_bg.png) no-repeat;
}


/* ####################  FOOTER  #################### */

div#footer {
	height: 20px; margin: 0 30px 30px 250px;
	text-align: right;
}

div#footer a {
	font-size: 8pt; color: #a46a64; text-decoration: none; text-transform: uppercase;
	padding: 0 5px; display: inline-block;
}

div#footer a:hover {
	color: #ffffff;
}


/* ####################  FORMULARE  #################### */

input.text {
	height: 18px;
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
	padding: 2px 3px 0 3px;
	border: 1px solid #dcdcdc;
}

textarea.text {
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
	padding: 3px;
	border: 1px solid #dcdcdc;
}

input.text:focus, textarea.text:focus, input.text:hover, textarea.text:hover {
	border: 1px solid #ab6c64; color: #000000;
}

input.anmeldung {
	width: 250px;
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
	padding: 2px 3px 0 3px;
	border: 1px solid #ab6c64;
}

select {
	width: 256px;
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
	border: 1px solid #ab6c64;
}

select.text {
	width: 256px;
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
	border: 1px solid #dcdcdc;
}

select.text:focus, select.text:hover {
	border: 1px solid #ab6c64; color: #000000;
}

option {
	font-family: sans-serif; font-size: 8.5pt; color: #474747;
}

label {
	cursor: pointer;
}



/* ####################  JQUERY  #################### */


/* ###### ACCORDION ##### */

div#content a.accordion {
	font-size: 9pt; font-weight: bold; color: #474747; text-decoration: none;
	display: block;	padding: 0 0 0 26px; margin: 0 0 5px 0;
	background: transparent url(../images/icons/pfeil_r.png) 10px 7px no-repeat;
	cursor: pointer;
}

div#content a.accordion:hover {
	background-color: #f1f1f1;
}

div#content a.active {
	background: #e4e4e4 url(../images/icons/pfeil_u.png) 10px 7px no-repeat;
}

#tooltip {
	position: absolute; z-index: 3000;	padding: 10px 30px 10px 20px;
	font-family: sans-serif; font-size: 9pt; line-height: 15pt; color: #ffffff;
	background-color: #878787;	border: 5px solid #ffffff;
	filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity: 0.98; opacity: 0.98;
}


/* ###### TOOLTIP ##### */

#tooltip h3, #tooltip div {
	margin: 0;
}

#tooltip h3 {
	font-family: sans-serif; font-weight: bold; font-size: 10pt; line-height: 11pt; color: #ffffff;
	margin: 0; padding: 3px 0;
}



/* ####################  STARTSEITE  #################### */

div#content h2.black {
	color: #000000;
}

#home_seminare {
	width: 44%; padding: 55px 20px 20px 20px; float: left;
	background: #f4f4f4 url(../images/aktionen/start_seminare.png) no-repeat;
}

#home_news {
	width: 43%; padding: 55px 20px 20px 20px; float: right;
	background: #f4f4f4 url(../images/aktionen/start_news.png) no-repeat;
}



/* ###### KWICKS ##### */

/* defaults for all examples */

#haccordion_title {
	width: 100%; height: 40px; margin: 20px 0 0 0;
	background: #959595 url(../images/aktionen/start_seminarorte.png) no-repeat;
}

#haccordion {
	list-style: none; position: relative;
	margin: 0; padding: 0; width: 100%; min-width: 650px;
}

#haccordion li {
	width: 32.8%; height: 220px; float: left;
	margin-right: 5px;

}

#haccordion .kwick1 { background: url(../images/aktionen/muenchen.jpg) no-repeat; }
#haccordion .kwick2 { background: url(../images/aktionen/bremen.jpg) no-repeat; }
#haccordion .kwick3 { background: url(../images/aktionen/augsburg.jpg) no-repeat; }

#haccordion a {
	width: 400px; height: 220px;
	display: block;
}