/****** css ******/

.clear { clear: both; }

html { height: 100.5%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; color: #2f2f2f; background: #d9d9d9 url(../images/background.gif) no-repeat fixed center top; height: 100%; }

h2, h3 { color: #eb6820; }
h1 { font-size: 19px; color: #9c9c9c; font-weight: bold; letter-spacing: -1px; line-height: 1.2; }
h2 { font-weight: bold; margin: 25px 0 0 0; }
h3 { font-weight: bold; margin: 15px 0 0 0; }
h4 { font-weight: bold; }
h5 { font-weight: bold; margin: 15px 0 0 0; }


a { color: #eb6820; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
p { margin: 15px 0 0 0; }


/****** layout ******/

div.container { width: 900px; margin: 0 auto; position: relative; }
div.content { position: relative; top: 335px; left: 0px; width: 900px; min-height: 370px; padding: 0 0 120px 0; background: url(../images/content_bg.gif) bottom; margin: 0 0 370px 0; }
div.content_top_bg { position: absolute; top: 320px; left: 0px; width: 900px; background: url(../images/content_top_bg.gif); }
div.content_box { position: relative; top: 10px; left: 270px; width: 630px; }
div.content_left { position: relative; width: 275px; float: left;}
div.content_right { position: relative; width: 275px; margin: 0 0 0 30px; float: left; }
div.content_right_top { position: relative; width: 275px; margin: 25px 0 0 30px; float: left; }
div.content_weight { position: relative; width: 575px; }

div.n_left { position: relative; width: 350px; float: left; margin: 0 25px 0 0; }
div.n_right { position: relative; width: 200px; float: left; }

div.head_logo { position: absolute; width: 222px; height: 220px; top: 20px; left: 0px; }
div.foot { position: absolute; bottom: 10px; right: 20px; color: #666; }
div.head { position: absolute; top: 20px; left: 221px; }
div.head_slide { position: absolute; top: 20px; left: 221px; z-index: 1; }
div.overlay { position: absolute; top: 20px; right: 0; z-index: 2; }

    /* navi sub */
    div.navi_sub { position: absolute; left: 0px; top: 350px; z-index: 1; }
    div.navi_sub ul li {margin: 0; padding: 0 0 1px 0; background: url('../images/subnavi_spacer.png') no-repeat bottom left; }
    div.navi_sub a { display: block; padding: 0 40px 0 0; line-height: 30px; width: 191px; height: 30px; text-decoration: none; color: #fff; text-align: right; font-size: 13px; font-weight: normal;  }
    div.navi_sub a.sub_second { display: block; padding: 5px 60px 0 0; width: 195px; font-weight: normal; height: 20px; text-decoration: none; color: #fff; text-align: right; }
    div.navi_sub a.sub_second:hover { text-decoration: none; background: none; }
    div.navi_sub a:hover { background: url(../images/navi_sub_bg_hover.png) right; }
    div.navi_sub a.activ { background: url(../images/navi_sub_bg.gif) right; }

    /* navi main */
    div.navi_main { position: absolute; top: 245px; left: 0px; }
    div.navi_main a { display: block; width: 222px; height: 43px; padding: 27px 0 0 0; background: url(../images/navi_main_bg.gif); text-align: center; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: +1px; font-size: 12px; text-decoration: none; }
    div.navi_main a:hover { background: url(../images/navi_main_bg_hover.gif); }
    div.navi_main a.activ { background: url(../images/navi_main_bg_activ.gif); }
    div.navi_main ul { font-size: 13px; font-weight: bold; }
    div.navi_main li { float: left; margin: 0 4px 0 0; }
    div.navi_main li.last { margin: 0; }


/****** styles ******/

.topmargin { margin: 25px 0 0 0; }
.smallmargin { margin: 10px 0 0 0; }
.nomargin { margin: 0; }

.image { margin: 15px 0 0 0; border: 1px solid #c0c0c0; }
.image_margin { margin: 25px 0 0 0; border: 1px solid #c0c0c0; }
.floatimage { float: left; margin: 0 10px 10px 0; border: 1px solid #c0c0c0; }

.color { color: #eb6820; }
.small { font-size: 10px; }
.bold { font-weight: bold; }

.small_list li { margin: 5px 0 0 20px; }
.list { margin: 10px; list-style: disc; }
.list li { margin: 0 0 0 5px; }

.error { margin: 15px 0 10px 0; font-size: 12px; }
.erfolg { margin: 15px 0 10px 0; font-weight: bold; color: #eb6820; }


/****** contents ******/
div.news { width: 245px; border: 1px solid #dcdcdc; background: url(../images/modul_background.jpg) bottom; padding: 15px; margin: 8px 0 0 0; }
div.news p { margin: 0; }

div.termine { background: #e1e1e1; padding: 1px 15px 10px 15px; margin: 5px 0 0 0; width: 500px; }
div.termine h2 { font-size: 13px; }
div.termine p { margin: 3px 0; }
div.termine p.text { font-weight: bold; margin: 7px 0 0 0; }

.news_headline { font-weight: bold; color: #eb6820; }
.news_image { margin: 0 0 10px 0; }

    /* newsletter */
    div.newsletter { background: url(../images/modul_background.jpg) bottom; border: 1px solid #dcdcdc; padding: 15px; margin: 13px 0 0 0; }
    div.newsletter input.text { width: 225px; height: 25px; font-size: 13px; color: #eb6820; padding: 0 0 0 5px; margin: 0; }
    div.newsletter input.button { width: 170px; height: 30px; cursor: pointer; margin: 7px 0 0 0; }

    /* weihnachtsfeier programm */
    div.programm ol { margin: 10px; list-style: disc; z-index: 1000; }
    div.programm a { text-decoration: none; cursor: pointer; }
    div.programm a span { display: none; text-decoration: none; position: absolute; top: 370px; left: 0px; padding: 0 15px 15px 15px; width: 243px; background: #fff; border: 1px solid #666; z-index: 1000; color: #000; }
    div.programm a:hover span { display: block; }

    /* kontakt */
    div.kontakt { margin: 15px 0 0 0; }
 	div.kontakt p { font-size: 10px; margin: 2px 0 15px 0; }
    div.kontakt fieldset { border: 1px solid #c0c0c0; width: 305px; padding: 20px 15px 10px 15px; }
    div.kontakt textarea { width: 290px; height: 150px; padding: 5px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #eb6820; line-height: 1.3; }
    div.kontakt input.text { width: 295px; height: 25px; padding: 0 0 0 5px; color: #eb6820; }
    div.kontakt input.checkbox { width: 14px; height: 14px; margin: 0 7px 0 0; }
    div.kontakt input.button { width: 120px; height: 30px; cursor: pointer; margin: 25px 0 0 0; }
    div.kontakt select { width: 165px; height: 22px; margin: 20px 0 0 0; }

    div.iframe { border: 1px solid #666; margin: 20px 0 5px 0; }
	
	/* module ep */
	div.modul { position: relative; width: 575px; background: url(../images/modul_background.jpg) bottom; border: 1px solid #ddd; padding: 0 0 25px 0; margin: 0 0 15px 0; cursor: default; }
	div.modul h1 { color: #eb6820; margin: 20px 0 0 18px; }
	div.modul p { width: 345px; margin: 15px 0 0 18px; }
	div.modul div.images { position: absolute; top: 20px; left: 394px; }
	div.modul div.images img { margin: 0 0 10px 0; }
	div.modul div.pfeil { position: absolute; top: 26px; left: 0px; }
	

	/* like box */
	div.likebox { position: absolute; top: 0px; left: 470px; }
	
	
	/* team */
	div.member_top { position: relative; width: 287px; height: 130px; margin: 10px 0 0 0; background: url(../images/team_background_top.jpg) bottom repeat-x; float: left; }
	div.member_top:hover { background: url(../images/team_background_top_over.jpg) repeat-x; cursor: default; }
	div.member_top div.text { position: absolute; top: 25px; left: 140px; }
	div.member_top div.text h1 { font-size: 13px; color: #555; }
	div.member_top div.text p { width: 140px; margin: 0; color: #8b8b8b; font-size: 11px; }
	div.member_top div.text p.bottom { margin: 10px 0 0 0; }
	div.member_top div.text p.bottom span { font-weight: bold; }
	
	div.member_top div.overbox { display: none; position: absolute; left: 220px; top: 70px; padding: 10px; background: #fff; border: 1px solid #c0c0c0; z-index: 10; }
	div.member_top div.overbox h1 { color: #555; font-size: 11px; margin: 0; }
	div.member_top div.overbox p { margin: 0; font-size: 11; }
	
	
	div.member { position: relative; width: 287px; height: 130px; margin: 10px 0 0 0; background: url(../images/team_background.jpg) repeat-x; float: left; }
	div.member:hover { background: url(../images/team_background_over.jpg) repeat-x; cursor: default; }
	div.member div.text { position: absolute; top: 25px; left: 140px; }
	div.member div.text h1 { font-size: 13px; color: #555; }
	div.member div.text p { width: 130px; margin: 0; color: #8b8b8b; font-size: 11px; }
	div.member div.text p.bottom { margin: 10px 0 0 0; }
	div.member div.text p.bottom span { font-weight: bold; }
	
	div.member div.overbox { display: none; position: absolute; left: 220px; top: 70px; padding: 10px; background: #fff; border: 1px solid #c0c0c0; z-index: 10; }
	div.member div.overbox h1 { color: #555; font-size: 11px; margin: 0; }
	div.member div.overbox p { margin: 0; font-size: 11; }
	
	
	/* referenzen */
	div.referenzen { font-size: 11px; line-height: 1.8; }
	div.referenzen span { font-size: 12px; font-weight: bold; }
	
	
	/* feddback */
	div.feedback_button { position: fixed; top: 240px; left: 0px; z-index: 100; }
	div.feedback_button a { cursor: pointer; display: block; width: 37px; height: 123px;  }
	div.feedback_button a:hover { background: url(../images/feedback/feedback.png); }

	div.feedback a { cursor: pointer; }
	div.feedback { display: none; position: fixed; width: 100%; height: 100%; background: url(../images/feedback/background.png); z-index: 101; }
	div.feedback div.feedback_content { position: relative; width: 500px; margin: 140px auto; padding: 30px 30px 40px 30px; -moz-border-radius: 18px; -khtml-border-radius: 18px; background: #fff; }
	div.feedback div.feedback_content h1 { color: #eb6820; margin: 0; font-size: 24px; }
	div.feedback div.feedback_content p { margin: 0; }
	div.feedback div.feedback_content textarea { width: 420px; height: 100px; padding: 5px; line-height: 1.3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	div.feedback div.feedback_content input.button { cursor: pointer; margin: 15px 0 0 0; width: 150px; height: 25px; }
	
	div.feedback div.feedback_content div.close { position: absolute; top: -11px; right: -11px; }
	div.feedback div.feedback_content div.close a { display: block; width: 40px; height: 40px; background: url(../images/feedback/close.png); }
	
	
	/* ausbildung */
	div.inbox { position: relative; margin: 10px 0 20px 0; }
	div.inbox h1 { color: #eb6820; margin: 20px 0 0 0; }
	div.inbox p { width: 330px; margin: 20px 0 0 0; }
	div.inbox div.inbox_right { position: absolute; top: 25px; left: 390px; }
	div.inbox div.inbox_right p { width: 201px; }
	div.inbox ol { margin: 0 0 0 12px; list-style-type: disc; width: 300px; }
	
	
	div.ausbildung { position: relative; margin: 13px 0 0 0; background: url(../images/modul_background.jpg) bottom; border: 1px solid #ddd; width: 575px; height: 330px; }
	div.ausbildung div.grundausbildung { position: relative; margin: 20px 0 0 18px; }
	div.ausbildung div.grundausbildung:hover { background: url('../images/ausbildung/background_main.png') no-repeat top left; }
	div.ausbildung div.grundausbildung img { z-index: 1; }
	div.ausbildung div.grundausbildung p { z-index: 2; position: absolute; top: 13px; left: 15px; color: #fff; margin: 0; padding: 0; }
	div.ausbildung div.grundausbildung p span { font-weight: bold; font-size: 18px; letter-spacing: -1px; display: block; }
	
	div.ausbildung div.ergaenzung { position: relative; margin: 10px 0 0 18px; width: 170px; height: 150px; float: left; }
	div.ausbildung div.ergaenzung:hover { background: url('../images/ausbildung/background_sub.png') no-repeat top left; }
	div.ausbildung div.ergaenzung img { z-index: 1; }
	div.ausbildung div.ergaenzung p { z-index: 2; position: absolute; top: 13px; left: 15px; color: #fff; margin: 0; padding: 0; }
	div.ausbildung div.ergaenzung p span { font-weight: bold; font-size: 16px; display: block; margin: 9px 0 9px 0; line-height: 1.2; }