/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center 0 repeat; border:0; font:14px 'Overlock', Tahoma, Geneva, sans-serif; line-height: 18px; color:#555555; min-width:1050px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #72ac00; z-index:999; width:100%; height:100%; top:0; left:0}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 900px; }

body, html{ height:100%;}

.bg1{ position:relative; width:100%; background:url(../images/bg_img.jpg) center 0 no-repeat;min-height:100%; height:auto !important; height:100%; margin: 0 auto -47px;}
.bg2{ background:#f0f0f0; height:47px; overflow:hidden; position:relative}

.block {height:47px;}


/* ============================= main layout ====================== */

/* a{ color:#95d146; text-decoration: none; outline:none} */
a{ color:#95d146; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ padding:30px 0 0 0; float:right;}
h2{ float:left; width:174px; padding:4px 0 0 53px; font-family: 'Open Sans Condensed', sans-serif; font-size:42px; text-transform:uppercase;  color:#DA007F; line-height:1.2em; font-weight:300;}
h3{ padding:0px 0px 12px 0px; font-family: 'Open Sans Condensed', sans-serif; font-size:24px; text-transform:uppercase;  color:#DA007F; line-height:1.2em; font-weight:300;}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ height:179px; }

#logo{ display:block; text-indent:-9999px; background:url(../images/fgz_logo.png) 0 0 no-repeat; width:245px; height:95px;}

.menu{ position:absolute; top:268px; left:0;} 
#menu { width:141px;}
#menu > li { margin-bottom:1px; position:relative; background:url(../images/bg_menu.png) repeat;}
#menu > li > a{ position:relative; display: block; padding:0 20px; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; font-weight:300; color:#fff; text-transform:uppercase; text-align:right; line-height:60px;}
#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#DA007F;}
/*#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#639a00;}*/
#menu > li > a:hover, #menu > .active > a{ }


.submenu_1{ position: absolute; left:142px; top:0px; width:140px; background:#639a00; padding:20px 0; z-index:99}
.submenu_1 li { position:relative; margin-bottom:1px;}
.submenu_1 li a{ position:relative; display: block; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; color:#fff; text-transform:uppercase; text-align: center; line-height:30px;}
.submenu_1 li a:hover, .submenu_1 .sfHover > a{ color:#8dbe2d}

.submenu_2{ position: absolute; left:142px; top:-20px; width:140px; background:#639a00; padding:20px 0; z-index:99}


/* ============================= content ====================== */

#content2{ height:1400px; padding-bottom:15px; position:relative;}
.shadow{ position:absolute; bottom:55px; left:0; background:url(../images/shadow.png) 0 0 no-repeat; width:100%; height:62px;}
#content2 > ul{ position:relative; background:#fff; height:1400px; width:778px; left:56px;box-shadow: 0 0 5px #639901; -moz-box-shadow: 0 0 5px #639901; -webkit-box-shadow: 0 0 5px #639901; overflow:hidden}
#content2 > ul > li{ position:relative; float:left; width:778px; background:url(../images/bg1.jpg) 0 bottom no-repeat #fff;height:352px; padding-top:44px;}

#content2 > ul > #impressum-dsgvo { background:url(../images/bg5.jpg) 0 bottom no-repeat #fff}

#impressum-dsgvo h2 {padding: 0px 20px 0 20px;}

#content3{ height:4300px; padding-bottom:15px; position:relative;}
.shadow{ position:absolute; bottom:55px; left:0; background:url(../images/shadow.png) 0 0 no-repeat; width:100%; height:62px;}
#content3 > ul{ position:relative; background:#fff; height:4300px; width:778px; left:56px;box-shadow: 0 0 5px #639901; -moz-box-shadow: 0 0 5px #639901; -webkit-box-shadow: 0 0 5px #639901; overflow:hidden}
#content3 > ul > li{ position:relative; float:left; width:778px; background:url(../images/bg1.jpg) 0 bottom no-repeat #fff;height:352px; padding-top:44px;}

#content3 > ul > #dsgvo { background:url(../images/bg5.jpg) 0 bottom no-repeat #fff}

#dsgvo h2 {padding: 0px 30px 0 10px;}

#content{ height:493px; padding-bottom:15px; position:relative;}
.shadow{ position:absolute; bottom:55px; left:0; background:url(../images/shadow.png) 0 0 no-repeat; width:100%; height:62px;}
#content > ul{ position:relative; background:#fff; height:436px; width:778px; left:56px;box-shadow: 0 0 5px #639901; -moz-box-shadow: 0 0 5px #639901; -webkit-box-shadow: 0 0 5px #639901; overflow:hidden}
#content > ul > li{ position:relative; float:left; width:778px; background:url(../images/bg1.jpg) 0 bottom no-repeat #fff;height:352px; padding-top:44px;}
#content > ul > #programm,
#content > ul > #Beckenbodentraining,
#content > ul > #Sexualkundeunterricht,
#content > ul > #Sexualkundeunterricht_Kindergarten,
#content > ul > #Sexualkundeunterricht_Hort,
#content > ul > #Sexualkundeunterricht_Grundschule
{ background:url(../images/bg2.jpg) 0 bottom no-repeat #fff}
#content > ul > #fuer_maedchen{ background:url(../images/bg3.jpg) 0 bottom no-repeat #fff}
#content > ul > #publikationen,
#content > ul > #studie,
#content > ul > #texte{ background:url(../images/bg4.jpg) 0 bottom no-repeat #fff}

#content > ul > #kontakt,
#content > ul > #impressum { background:url(../images/bg5.jpg) 0 bottom no-repeat #fff}
#content > ul > #impressum-dsgvo { background:url(../images/bg5.jpg) 0 bottom no-repeat #fff}
#content > ul > #page_more{ background:url(../images/bg2.jpg) 0 bottom no-repeat #fff}

#splash{ position:absolute; height:478px; background:url(../images/shadow_splash.png) center bottom no-repeat; width:100%; top:11px;}

.roundabout-moveable-item { cursor: pointer; width:171px; height:372px;}

.roundabout-in-focus { cursor: auto; }
/*.splash_menu{ position:absolute; top:279px; width:380px; left:260px;}*/
.splash_menu{ position:absolute; top:279px; width:580px; left:140px;}
.splash_menu img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.splash_menu li{}
.splash_menu .img{ z-index:1}
.splash_menu .img_act{ z-index:2}
.splash_menu li a{ position: absolute; top:5px; left:5px; right:5px; bottom:5px; z-index:3; display:block;cursor:pointer; background:url(../images/spacer.gif) 0 0 no-repeat;background:#fff}

.prev, .next{ position:absolute; top:192px; width:25px; height:48px; display:block}

.prev{ left:8px; background:url(../images/marker_left.gif) 0 0 no-repeat}
.next{ left:868px; background:url(../images/marker_right.gif) right 0 no-repeat}

.color1{ color:#0f0f0f;}

.pad_left1{ padding-left:50px;}
.pad_bot1{ padding-bottom:30px;}
.marg_right1{ margin-right:16px;}
#studie .pad_left1{ padding-left:29px;}

.list1{}
.list1 li{ padding-bottom:2px;}
.list1 a{ padding-left:13px; text-decoration:underline; background: url(../images/marker_1.gif) 0 5px no-repeat;  }

.list1 a:hover{ text-decoration:none}

.button1{ float:right; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color:#fff; padding:0 15px; line-height:37px; text-transform:uppercase; background:#8fcb2b; position:relative}
.button1 span{ position:relative; display:block;}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#639a00}
.button1:hover{ color:#fff}

.gallery1_big_img{ float:left; position:relative; width:406px; height:332px; margin-right:21px; margin-top:4px;}
.gallery1_big_img img{ position:absolute; top:0; left:0}

#gallery1{ float:left; width:98px; height:282px !important; margin-top:4px;}
#gallery1 li{ margin-bottom:15px;}
#gallery1 img{ height:84px;}

#prev, #next{ text-decoration:underline; padding-left:13px; background:url(../images/marker_1.gif) 0 8px no-repeat; margin-top:13px; float:left;}
#next{ float:right}

#prev:hover, #next:hover{ text-decoration:none}

.box1{ padding:21px 22px; background:#e6e6e6; margin-top:4px;}
.box1 figure{ padding-bottom:14px}
.box1 p{ padding-bottom:0}
.box1 a:hover{ text-decoration:underline}

#map{ float:left; margin-right:25px; margin-top:4px;}

.underline{ border-bottom:1px solid #c0c0c0; margin-bottom:24px; padding-bottom:26px;}

#impressum h2 { font-size:30px;}
#fuer_maedchen h2 { font-size:28px;}
#publikationen h2 { font-size:26px;}
#programm h2,
#Beckenbodentraining h2,
#JinShinJyutsu h2,
#Sexualkundeunterricht h2,
#Sexualkundeunterricht_Kindergarten h2,
#Sexualkundeunterricht_Hort h2,
#Sexualkundeunterricht_Grundschule h2 { font-size:32px;}

#kontakt h2  { font-size:40px;}

#fgz_cara h2, 
#spende h2, 
#LB_Beratung h2,
#Schwangerenkonfliktberatung h2,
#Frauengesundheitsberatung h2,
#Sexualpaedagogik h2,
#Entspannungsverfahren h2 { font-size:30px;}

.col1 img { float:right; margin-left:10px;}

.autor { font-family: 'Open Sans Condensed', sans-serif; font-size:13px; font-weight:300;}

/* ============================= footer ====================== */

footer { font-size:12px; color:#7e7f7f; text-align:center; line-height:20px; padding-top:15px;}
footer a{ color:#7e7f7f; text-decoration:none}
footer a:hover{ color:#95d146}

/* ============================= forms ============================= */

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:222px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#4d820a; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:181px; height:15px; background: none; padding:3px 10px;color:#474747; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}