/*
@charset 'utf-8';
@import url(reset.css);
*/

* {
margin: 0;
padding: 0;
font-size: 100%;
border: 0px;
}

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* !Allgemein ==================================================================== */

body {
font: normal 10pt/16pt Verdana, Arial, sans-serif;
color: #500;
background-color: #e88749;
}

body.eltern {
background-color: #ffd8b9;
}

body.fachleute {
background-color: #df7239;
}

.wrapper {
width: 900px;
margin: 0px auto;
background: white;
}

a:link,
a:visited {
color: #da591c;
text-decoration: none;	 
}

a:focus,
a:hover,
a:active {
color: #8b2600;
}

.kleingedruckt {
font-size: 8pt;
line-height: normal;
}

.quellenangabe {
font-size: 8pt;
}

.img_left {
float: left;
margin: 0px 20px 10px 0px;
border-style: solid;
border-width: 1px;
border-color: silver;
}

.img_right {
float: right;
margin: 0px 0px 20px 20px;
border-style: solid;
border-width: 1px;
border-color: silver;
}

.img_center {
float: middle;
margin: 0px 20px 10px 190px;
border-style: solid;
border-width: 1px;
border-color: silver;
}

.abstand {
margin-top: 10px;
}

.txt_klein {
font-size: 9pt;
}


/* !Header ===================================================================== */

#header {
overflow: hidden;
height: 215px;
margin-top: 20px;
}

#header p {
float: left;
}

#header p img {
margin-left: 20px;
behavior: url(iefix/iepngfix.htc);
}

#header .headerimage {
float: right;
width: 285px;
margin: 0px 30px 0 0;
}


/* !Bogen ======================================================================= */

#bogen {
height: 70px;
background: url(img/Bogen900.png) center 0 no-repeat;
margin: -45px 0 -25px 0;
position: relative;
behavior: url(iefix/iepngfix.htc);
}

 
/* !Hauptnavigation ============================================================= */

#main {
padding-top: 10px;
overflow: hidden;
}

#navi {
clear: both;
margin-left: 160px;
font-size: 16px;
}

#navi li {
float: left;
font-weight: bold;
list-style: none;
margin-right: 0px;
position: relative;
padding: 10px 40px;
}

#nav-1 { top: 0px; } 
#nav-2 { top: 3px; }
#nav-3 { top: 6px; }
#nav-4 { top: 9px; }

#navi a:link,
#navi a:visited {
color: #da591c;
text-decoration: none;
}

#navi a:focus,
#navi a:hover,
#navi a:active {
color: #8b2600;
}

/*
#navi li.active {
background: url(img/Blase_grau.png) center center no-repeat;
}
*/

#navi li.active a:link,
#navi li.active a:visited {
color: #8b2600;

}

#navi li.active a:focus,
#navi li.active a:hover,
#navi li.active a:active {
color: #8b2600;
}

 
/* !Subnavigation =============================================================== */

#left {
clear: both;
width: 140px;
float: left;
margin: 40px 0 0 20px;
padding: 5px 10px;
font-size: 10pt;
line-height: 26pt;
}

#left li {
font-weight: bold;
list-style: none;
}

#left a:link,
#left a:visited {
color: #d65815;
text-decoration: none;	 
}

#left a:focus,
#left a:hover,
#left a:active {
color: #8b2600;
}

#left li.active a:link,
#left li.active a:visited {
color: #8b2600;
}

#left li.active a:focus,
#left li.active a:hover,
#left li.active a:active {
color: #8b2600;
}

 
/* !Inhalt ====================================================================== */

#right {
width: 680px;
float: right;
margin: 50px 20px 0 0;
}

#right h1,
#right .link1 {
font-family: Verdana, Arial, sans-serif;
font-size: 13pt;
font-style: normal;
font-weight: normal;
margin-bottom: 10px;
}

#right h1.hell {
color: #d65815;
}

#right h2 {
font-weight: normal;
font-size: 11pt;
margin-top: 30px;
margin-bottom: 5px;
}

#right h2.h2-fett {
font-weight: bold;
}

#right h3 {
font-size: 10pt;
font-style: normal;
font-weight: bold;
margin-bottom: 5px;
}

#right h4 {
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #d65815;
}

.txt_highlight {
font-weight: bold;
}


#right ol { margin-left: 40px; margin-top: 5px; list-style-type: decimal;}
#right ol li { margin-top: 10px; }

#right ul { margin-bottom: 15px; }
#right ul.ebene1 { margin-left: 25px; list-style-type: disc; }
#right ul.ebene1 li { margin-top: 5px; }
#right ul.ebene2 { margin-left: 20px; list-style-type: circle; }


#normal {
width: 680px;
margin: 50px 20px 0 0;
}

#normal h1,
#normal .link1 {
font-family: Verdana, Arial, sans-serif;
font-size: 13pt;
font-style: normal;
font-weight: normal;
margin-bottom: 10px;
}

/* !Sonderveranstaltungen========================================================== */

#sonderveranstaltung {
border: 2px solid #ffa470;
margin: 10px 0 30px 0;
padding: 15px;
text-align: center;
background-color: #ffd8bf;
}

#sonderveranstaltung2 {
border: 2px solid #ffa470;
margin: 10px 0px 30px 320px;
padding: 15px;
text-align: center;
background-color: #ffd8bf;
}

#sonderveranstaltung h3 {
font-weight: bold;
font-size: 12pt;
color: #900;
}

#sonderveranstaltung table {
margin-left: 100px;
}

#sonderveranstaltung .datum {
font-weight: bold;
margin-right: 60px;
}


/* !Formulare========================================================== */

form {
width: 640px;
margin: 10px 0;
padding: 2px 0;
background-color: #ddd;
}

fieldset {
width: 500px;
margin: 20px auto;
padding: 5px 10px 15px 30px;
background-color: #f5b077;
border: 1px solid #ffa470;
line-height: 19pt;
}

legend {
color: #500;
background-color: #e8e4ef;
padding: 0px 8px;
border: 2px solid #ffa470;
margin-bottom: 5px;
}

label {
width: 120px; /* Breite der Feldnamen */
color: #500;
float: left;
}

input, textarea, select {
color: black;
border: 1px solid #ffa470;
border: 1px solid #bbb;
background-color: #ffd8b9;
background-color: white;
}



input.f_button {
background-color: #500;
color: white;
padding: 5px;
border-color: #ffd8bf;
}

#f_button {
width: 540px;
margin: 20px 0 20px 75px;
}

#f_button_right {
margin-left: 260px;
}


#anmeldung_checkboxen {
width: 540px;
margin: 5px 0 5px 50px;
}

#anmeldung_checkboxen td {
padding-right: 10px;
}

/* !Tabellen ====================================================================== */

div .table_kurse {
width: 600px;
border: 1px solid #e58346;
margin-left: 20px;
padding: 5px;
}

.kurstermine {		/* Alle Tabellen (also Zeilen eines Kurses!)  */
margin: 3px 0 3px 10px;
}

h3.kurstermine {	/* Tabellenüberschrift  */
margin-left: 20px;
margin-top: 20px;
}

.tb_1st-col {			/* Erste Spalte der Tabelle  */
color: #800;
width: 60px;
}

.td_termine {			/* Zellen mit Terminangaben  */
padding-left: 20px;
padding-right: 20px;
}

/* !Grafiken ====================================================================== */

#i_dreieck {
height: 12px;
}

/* !Bilder ====================================================================== */


.img_e_k_termine_kosten {
margin-right: 50px;
}


/* !Beispiel ====================================================================== */

#right .beispiel { /* Rahmen für Beispiel, wenn das Beispiel im Text steht */
padding: 0px;
border-style: solid;
border-width: 0px;
border-color: #e88749;
}

#right #img_beispiel { 
width: 75mm;
float: right;
margin-left: 30px;
border-style: solid;
border-width: 2px;
border-color: silver;
}


/* !Kontakt / Impressum =========================================================== */

.kontaktdaten {
float: left;
height: 90px;
margin-left: 40px;
}

#bildernachweis {
clear: both;
padding: 40px 0;
}


/* !Sub-Footer ======================================================================= */

#sub-footer {
float: left;
width: 840px;
margin-top: 30px;
padding: 5px 30px;
color: #555;
font-weight: normal;
font-style: normal;
}

#sub-footer .f_linkoben {
float: right;
}


/* !Footer ======================================================================= */

#footer {
float: left;
width: 840px;
background-color: #b3bdb5;
margin-top: 5px;
padding: 5px 30px;
color: #555;
font-weight: normal;
font-style: normal;
}

#footer .f_left  {
float: left;
}

#footer .f_right {
float: right;
}

#footer .f_right a:link,
#footer .f_right a:visited {
color: #555;
}

#footer .f_right a:focus,
#footer .f_right a:hover,
#footer .f_right a:active {
color: #8b2600;
}


/* !Willkommen ===================================================================== */

#w_wrapper {
width: 800px;
height: 515px;
margin: 25px auto;
background-image: url(img/willkommen-bg.jpg);
}

#w_header {
height: 280px;
}

#w_header #logo {
float: left;
margin: 20px 0 0 40px;
behavior: url(iefix/iepngfix.htc);
}

#w_header #headerimage {
float: right;
margin: 40px 45px 0 0;
}

#w_header h1 {
float: left;
margin: 65px 0 0 40px;
font: bold 12pt/14pt Verdana, Arial, sans-serif;
color: #900;
}

#w_main {
clear: both;
margin: 0px 40px;
}

#w_main p {
font: normal 12pt/12pt Verdana, Arial, sans-serif;
color: #444;
margin-top: 15px;
margin-bottom: 15px;
}

#w_main ul {
margin: 10px 0 10px 25px;
font: normal 10pt/24pt Verdana, Arial, sans-serif;
color: #444;
list-style-type: disc;
}

#w_main .button {
margin: 30px 0 0 100px;
behavior: url(iefix/iepngfix.htc);
}

#w_main h1 {
font: bold 22pt/30pt Verdana, Arial, sans-serif;
text-align: center;
color: #900;
}