/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;}
img {border:none;}


#container {width:966px; margin:0 auto;}

.headbalken {margin:0;}


/*NAVIGATION UND SUBNAVIGATION-->DIE SUBNAVI LIEGT IM CONTENT DIV*/
#navi {margin:4px 0 0 0; padding:0;}
#navi a, #navi a:hover {margin:0 1px 0 0; padding:7px 10px; width:140px; float:left; background-color:#EC9D00; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px;}
#navi a:hover, #navi .aktiv, #navi .ohne_margin_aktiv { background-color:#DB6100;}
#navi .ohne_margin, #navi .ohne_margin:hover, #navi .ohne_margin_aktiv, #navi .ohne_margin_aktiv:hover {margin:0;}


#subnavi_1, #subnavi_2, #subnavi_3, #subnavi_4, #subnavi_5, #subnavi_6 { width:140px; position:absolute; left:50%; top:inherit;margin:0 1px 0 -483px; z-index:100;}
#subnavi_2 {margin-left:-322px;}
#subnavi_6 {margin-left:-161px;}
#subnavi_3 {margin-left:0px;}
#subnavi_4 {margin-left:161px;}
#subnavi_5 {margin-left:322px;}


#subnavi_1 a, #subnavi_1 a:hover, #subnavi_2 a, #subnavi_2 a:hover, #subnavi_3 a, #subnavi_3 a:hover, #subnavi_4 a, #subnavi_4 a:hover, #subnavi_5 a, #subnavi_5 a:hover, #subnavi_6 a, #subnavi_6 a:hover {margin:0 0 4px 0; padding:7px 10px; width:140px; float:left; background-color:#EC9D00; color:#FFFFFF; text-decoration:none; font-size:12px;}
#subnavi_1 a:hover, #subnavi_2 a:hover, #subnavi_3 a:hover, #subnavi_4 a:hover, #subnavi_5 a:hover, #subnavi_6 a:hover {background-color:#F2BB4D;}
#subnavi_1 .aktiv, #subnavi_2 .aktiv, #subnavi_3 .aktiv, #subnavi_4 .aktiv, #subnavi_5 .aktiv, #subnavi_6 .aktiv {background-color:#F2BB4D;}


/*CONTENT*/
#content {width:100%; background-color:#D7D7D6;float:left; margin:4px 0 0 0;}


#content_inhalt_rechts, #content_inhalt {margin:30px 10px 20px 290px;}
#content_inhalt {margin:30px 10px 20px 10px;}
#content_inhalt_rechts h1, #content_inhalt h1 {font-size:13px; line-height:1.4em; margin:0 0 10px 0; font-weight:normal;}
#content_inhalt_rechts p, #content_inhalt p {font-size:13px; line-height:1.4em; /*float:left; width:667px;*/} 
#content_inhalt_rechts a, #content_inhalt_rechts a:hover, #content_inhalt a, #content_inhalt a:hover {color:#000000; text-decoration:underline;}
#content_inhalt_rechts a:hover, #content_inhalt a:hover {color:#DB6100;}
/*#content_inhalt_rechts h1 a, #content_inhalt_rechts h1 a:hover, #content_inhalt h1 a, #content_inhalt h1 a:hover {text-decoration:none;}*/

#content ul {font-size:13px; margin:0 0 20px 0px; padding:0 0 0 25px; width:400px; list-style-type:decimal; line-height:1.2em; list-style-position:outside;}
#content li {margin:0 0 5px 0; list-style-type:decimal;}


#steckbrief_block {float:left; width:509px;}
.lehrer_steckbrief {font-size:13px; float:left; width:500px; line-height:1.2em; margin:0 0 10px 0;}


#content_bilder {float:left; margin:0 10px 0 0; width:147px;}
#content_bilder .min_height {float:right; height:100px; width:1px;}
#content_bilder img {margin:0 0 10px 0; border:solid 3px #FFFFFF;}
.text_mit_bild_links {float:none; width:509px;}

.absatz { float:left; height:20px; width:100%;}


#bild_mit_text {float:left; margin:10px 10px 0 0; font-size:13px; line-height:1.4em; width:320px;}
#bild_mit_text img {float:left; margin:0 5px 0 0; border:solid 3px #FFFFFF;}


/*förderer logos*/
/*.foerderer_border_rechts_unten, .foerderer_border_unten, .foerderer_border_rechts, .foerderer_border_none {float:left; border:solid 1px #DB6100;}
.foerderer_border_rechts_unten td {border-top:none; border-left:none; text-align:right;}
.foerderer_border_unten {border-top:none; border-left:none; border-right:none; text-align:left;}
.foerderer_border_rechts {border-top:none; border-left:none; border-bottom:none; text-align:right;}
.foerderer_border_none {border:none; text-align:left;}*/

.foerderer_td_1 {border-right:1px solid #EC9D00;border-bottom:1px solid #EC9D00; text-align:right;}
.foerderer_td_2 {border-bottom:1px solid #EC9D00; text-align:left;}
.foerderer_td_3 {border-right:1px solid #EC9D00; text-align:right;}
.foerderer_td_4 { border:none; text-align:left;}



#galerie_gross, #galerie_gross_klassenfoto { position:relative; width:667px; z-index:1;}
#galerie_gross_klassenfoto {width:946px;}
.galerie_img_gross {float:right; margin:0 280px 0 0;}
#galerie_text {margin:0px 0 0 10px; width:270px; position:absolute; bottom:0; right:0; color:#DB6100; font-size:13px; line-height:1.4em;}


/******************************
absolventenverein *************/

/* bilder-box-01 */
.bilder-box-01 {float:left; width:275px; margin:0 15px 0 0;}

/* text-box-01 */
.text-box-01 {float:left; width:650px;}
#content_inhalt .text-box-01 h1 {color:#EC9D00; font-weight:bold; font-size:17px;}


/*formular klassenfoto auswahl*/
.select_klassenfoto {width:268px; float:left; border:solid 1px #DB6100; background-color:#FFFFFF;}


#galerie_vorschau {background-color:#FFFFFF; margin:10px 0 0 10px;}
#galerie_vorschau img {margin:0 10px 0 0; border:none;}
iframe {width:946px; margin:0 0 10px 10px; background-color:#FFFFFF; height:140px; overflow-y:hidden; border:none;}

/*news und veranstaltungen - galerie bilder vorschau*/
#galerie_news {width:120px; height:120px; float:left;}
#galerie_news img {border:solid 3px #FFFFFF;}



.blaettern_thickbox a, .blaettern_thickbox a:hover {color:#000000; text-decoration:none; font-size:13px; margin:10px 0 0 0;}
.blaettern_thickbox a:hover {text-decoration:underline;}


/*formular anfrage*/
form {margin:20px 0 0 0;}
#form_block {float:left; width:320px; margin:0 10px 20px 0;}
#form_block h1 {font-size:13px; font-weight:bold; float:left;}
#form_block h2 {font-size:11px; font-weight:normal; margin:0 0 5px 0; float:left; width:300px; line-height:1.2em;}

.form_zeile {float:left; width:320px; margin:0 0 4px 0; font-size:11px;}
.hg_hellgrau {background-color:#CCCCCC;}
.form_text, .form_text_rechts {float:left; font-size:11px; width:113px; text-align:left; margin-right:5px; padding:5px 0 0 0;}
.form_text_rechts {margin-right:0; margin-left:5px; width:250px; }

.form_zeile .input, .form_zeile .input_30px, .form_zeile .input_145px, .form_zeile .input_30px_margin, .form_zeile .input_145px_margin, .form_zeile .select, .form_zeile .input_300px {width:180px; float:left; border:solid 1px #DB6100; background-color:#FFFFFF; margin-bottom:3px;}
.form_zeile .input_30px, .form_zeile .input_30px_margin {width:30px;}
.form_zeile .input_145px, .form_zeile .input_145px_margin {width:145px;}
.form_zeile .input_300px {width:298px;}
.form_zeile .input_30px_margin, .form_zeile .input_145px_margin {margin-right:3px;}
.form_zeile .input_im_text {margin:0; width:30px; border:solid 1px #DB6100; background-color:#FFFFFF;}
.form_zeile .select {float:left; width:80px;} 
.button {background-color:#DB6100; color:#FFFFFF; width:182px; border:1px solid #FFFFFF;}
.button-02, .button-03 {background-color:#DB6100; color:#FFFFFF; width:182px; border:1px solid #FFFFFF; margin:0 0 3px 118px;}
.button-03 {background-color:#EC9D00;}

/*TEASER*/
#teaser_1, #teaser_2, #teaser_3 { float:left; margin:4px 4px 4px 0; width:319px; height:168px;}
#teaser_1 img, #teaser_2 img, #teaser_3 img {border:none;}

#teaser_1 {background-color:#c2a882;}
#teaser_1 p {margin:45px auto 0 auto; width:230px; line-height:1.2em; font-size:13px;}
#teaser_3 {margin-right:0; width:320px; background-color:#ebe2d7; /*background-image:url(../gfx/teaser_wko.gif); background-repeat:no-repeat; background-position:center;*/}
* html #teaser_3 {width:319px;}


/*ALLGEMEINE STILE*/

.gelb {color:#DB6100;}
.gelb_bold {color:#DB6100; font-weight:bold;}
.gelb_bold_16px {color:#DB6100; font-weight:bold; font-size:16px;}
.weiss {color:#FFFFFF;}
.schwarz {color:#000000;}


/*FOOTER*/
#footer { background-color:#c2a882; margin:0 0 10px 0; padding:2px 10px 3px 10px; clear:both; font-size:13px; line-height:1.4em;}
#footer .gelb {color:#EC9D00;}
