@import url(_font/special_elite/f.css);

p:before,
h4:before{
	content: "";
	width: 147px;
	display: block;
	overflow: hidden;}

body{
	background:#fc9;}

a:link,
a:visited{
	color:#369;
	text-decoration:none;}
a:hover,
a:active,
a:focus{
	color:#36f;
	text-decoration:underline;}

.cal_block a[href^="http://"]:link,
.cal_block a[href^="http://"]:visited,
.cal_block a[href^="https://"]:link,
.cal_block a[href^="https://"]:visited{
	padding-right:15px;
	background:url(_link_extern.gif) right center no-repeat;}

#col_navl{
	padding:0;}
#col_m{
	padding:50px 0 0 0;}
#col_r{
	padding:0;}
@media (min-width:768px){
#col_navl{
	padding-left:15px;}
#col_m{
	padding:0 15px 0 15px;
	margin-top:-15px;}
#col_r{
	padding:0 30px 0 0;
	margin:-15px 0 0 265px;}
}
@media (min-width:992px){
#col_r{
	padding:0 15px 0 0;
	margin-left:0;}
}

.navbar-brand{
	width:0;
	height:16px;
	padding:0 0 0 189px;
	background:url(_familien_willkommen_0.gif) no-repeat;
	overflow:hidden;
	margin:17px 0 0 0;}
#fixed-navbar .navbar-brand{
	margin-left:0 !important;}
#fixed-navbar{
	display:block;
	position:fixed;
	z-index:2000;
	height:30px;
	background:#f93;
	border-bottom:1px solid #fff;}
#fixed-navbar .navbar-toggle{
	background:#036;}
#fixed-navbar .icon-bar{
	background:#fff;}
#aboutLink,
#logo_da,
#navt{
	display:none;}

#navtm .navt_k a:link,
#navtm .navt_k a:visited{
	background:url('_bg_nav.gif') repeat-y 0 0,
	url('_nav_xs_k.png') right 0 no-repeat;}
#navtm .navt_k a:active,
#navtm .navt_k a:hover,
#navtm .navt_k a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_k.png') right 0 no-repeat;
	background-color:#c0cad7;}
#navtm .navt_k b a:link,
#navtm .navt_k b a:visited,
#navtm .navt_k b a:active,
#navtm .navt_k b a:hover,
#navtm .navt_k b a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_k.png') right 0 no-repeat;
	background-color:#036;}

#navtm .navt_s a:link,
#navtm .navt_s a:visited{
	background:url('_bg_nav.gif') repeat-y 0 0,
	url('_nav_xs_s.png') right 0 no-repeat;}
#navtm .navt_s a:active,
#navtm .navt_s a:hover,
#navtm .navt_s a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_s.png') right 0 no-repeat;
	background-color:#c0cad7;}
#navtm .navt_s b a:link,
#navtm .navt_s b a:visited,
#navtm .navt_s b a:active,
#navtm .navt_s b a:hover,
#navtm .navt_s b a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_s.png') right 0 no-repeat;
	background-color:#036;}

#navtm .navt_t a:link,
#navtm .navt_t a:visited{
	background:url('_bg_nav.gif') repeat-y 0 0,
	url('_nav_xs_t.png') right 0 no-repeat;}
#navtm .navt_t a:active,
#navtm .navt_t a:hover,
#navtm .navt_t a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_t.png') right 0 no-repeat;
	background-color:#c0cad7;}
#navtm .navt_t b a:link,
#navtm .navt_t b a:visited,
#navtm .navt_t b a:active,
#navtm .navt_t b a:hover,
#navtm .navt_t b a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_t.png') right 0 no-repeat;
	background-color:#036;}

#navtm .navt_n a:link,
#navtm .navt_n a:visited{
	background:url('_bg_nav.gif') repeat-y 0 0,
	url('_nav_xs_n.png') right 0 no-repeat;}
#navtm .navt_n a:active,
#navtm .navt_n a:hover,
#navtm .navt_n a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_n_a.png') right 0 no-repeat;
	background-color:#c0cad7;}
#navtm .navt_n b a:link,
#navtm .navt_n b a:visited,
#navtm .navt_n b a:active,
#navtm .navt_n b a:hover,
#navtm .navt_n b a:focus{
	background:url('_bg_nava5.gif') repeat-y 0 0,
	url('_nav_xs_n_a.png') right 0 no-repeat;
	background-color:#036;}


@media (min-width:768px){
.onlyXs{
	display:none;}
#fixed-navbar{
	height: 104px;
	background: #f93 url(_header_bg.png) repeat-x;}
#aboutLink{
	display:block;
	position:absolute;
	top:70px;
	left:15px;
	color:#fff;
	font:18px/18px 'Special Elite',Courier,monospace;}
#logo_da{
	display: block;
	position: absolute;
	width: 0;
	height: 52px;
	padding: 0 0 0 131px;
	overflow: hidden;
	background: url(_logo_wsdarmstadt.png) no-repeat;
	top:0;
	right:15px;}
#but_skip,
#but_menu{
	visibility: hidden;}
.navbar-brand{
	height:52px;
	padding:0 0 0 570px;
	background:url(_logo_familien-willkommen.png) no-repeat;
	background-size:570px auto;
	margin:0;}
#navt{
	display:block;
	position:absolute;
	height:34px;
	margin:0;
	overflow:hidden;
	top: 61px;
	right:15px;}
#navt ul,
#navt li{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;}
#navt a:link,
#navt a:visited{
	display:block;
	font-size:16px;
	color:#aaa;
	padding:5px 0 5px 30px;
	margin:0 0 0 20px;
	float:left;
	filter: alpha(opacity=70); /* IE */
	-moz-opacity: 0.7; /* Mozilla */
	opacity: 0.7; /* Opera */
	height:34px;}
#navt b,
#navt a:focus,
#navt a:hover,
#navt a:active,
#navt b a:link,
#navt b a:visited{
	font-weight:normal;
	color:#fff;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1.0; /* Mozilla */
	opacity:1.0; /* Opera */
	text-decoration:none;}
.navt_k a:link,
.navt_k a:visited{
	background:url('_navt_k_p.png') 0 2px no-repeat;}
.navt_s a:link,
.navt_s a:visited{
	display:none !important;
	background:url('_navt_s_p.png') 0 2px no-repeat;}
.navt_t a:link,
.navt_t a:visited{
	background:url('_navt_t_p.png') 0 2px no-repeat;}
.navt_n a:link,
.navt_n a:visited{
	background:url('_navt_n_p.png') 0 2px no-repeat;}
.navt_n b,
.navt_n a:active,
.navt_n a:hover,
.navt_n a:focus{
	background-image: url('_navt_n_a.png');}
}

#top{
	overflow:hidden;
	padding-top:50px;}
@media (min-width:768px){
#top{
	padding-top:118px;}
}
#sa{
	position:absolute;
	top:0px;}
@media (min-width:768px){
#sa{
	top:-103px;}
}
@media (min-width:992px){
.navbar-brand{
	height:52px;
	padding:0 0 0 604px;
	background-size:auto auto;
	margin:0;}
.navt_s a:link,
.navt_s a:visited{
	display:block !important;}
}

#but_skip,
#but_menu{
	display:block;
	width:39px;
	height:39px;
	float:right;
	margin:5px 0 0 10px;
	padding:0 0 0 37px;
	overflow:hidden;
	background:#036 url('_menu.png') 4px 3px no-repeat;
	border:1px solid #fff;
	border-radius:5px;}
#but_skip{
	background-image: url('_skip.png');}

input[type="text"],
select,
textarea{
	max-width:320px;}
#search{
	margin: 0;}
#search input[type="submit"]{
	position:absolute;
	display:block;
	float:left;
	background:#536c91 url(_search.png) no-repeat;
	color:#fff;
	border:none;
	padding:0 0 0 44px;
	width:0;
	height:44px;
	margin:0;}
#search input[type="submit"]:active,
#search input[type="submit"]:focus,
#search input[type="submit"]:hover{
	background-color:#8195af;}
#search input[type="text"]{
	background:#315a84;
	color:#fff;
	font:bold 17px/20px 'Special Elite',Courier,monospace;
	border:none;
	border-bottom:1px solid #fff;
	margin:0;
	padding:12px 2px 12px 60px;
	width:100%;
	max-width:100%;}
#search input[type="text"]:active,
#search input[type="text"]:focus,
#search input[type="text"]:hover{
	background: #036;}

#col_nav{
	background: #ffb971;}
#col_nav ul,
#col_nav li{
	list-style-type:none;
	margin:0;
	padding:0;}
#col_nav a:link,
#col_nav a:visited{
	display:block;
	color:#333;
	font:14px/20px Arial;
	font-weight:normal;
	font-style:normal;
	border-bottom: 1px solid #fff;
	text-decoration:none;
	background:/* none, */url(_bg_nav.gif) repeat-y 0 0,none right top;
	padding:12px 5px 12px 60px;}
#col_nav i a:link,
#col_nav i a:visited{
	color:#fff;
	background:url('_bg_nava.gif') repeat-y 0 0,
	url('_up2.png') no-repeat right;
	background-color:#315a84;}
#col_nav a:active,
#col_nav a:hover,
#col_nav a:focus{
	text-decoration:none;
	background:url('_bg_nava5.gif') repeat-y 0 0,
	none no-repeat right;
	background-color:#c0cad7;}
#col_nav i a:active,
#col_nav i a:hover,
#col_nav i a:focus{
	color:#fff;
	text-decoration:none;
	background:url('_bg_nava5.gif') repeat-y 0 0,
	none no-repeat right;
	background-color:#036;}
#col_nav b a:link,
#col_nav b a:visited{
	color:#fff;
	background:url('_bg_nava5.gif') repeat-y 0 0,none;
	background-color:#036;}
#col_nav ul ul a:link,
#col_nav ul ul a:visited{
	padding-left:70px;
	background-position:10px 0,right;}
#col_nav ul ul i a:link,
#col_nav ul ul i a:visited{
	background-image:url('_bg_nava2.gif'),url('_up2.png');}
#col_nav ul ul ul a:link,
#col_nav ul ul ul a:visited{
	padding-left: 80px;
	background-position:20px 0,right;}
#col_nav ul ul ul i a:link,
#col_nav ul ul ul i a:visited{
	background-image:url('_bg_nava3.gif'),url('_up2.png');}
#col_nav ul ul ul ul a:link,
#col_nav ul ul ul ul a:visited{
	padding-left: 90px;
	background-position:30px 0,right;}
#col_nav ul ul ul ul i a:link,
#col_nav ul ul ul ul i a:visited{
	background-image:url('_bg_nava4.gif'),url('_up2.png');}
#col_nav ul ul ul ul ul a:link,
#col_nav ul ul ul ul ul a:visited{
	padding-left: 100px;
	background-position:40px 0,right;}
#col_nav ul ul ul ul ul i a:link,
#col_nav ul ul ul ul ul i a:visited{
	background-image:url('_bg_nava5.gif'),url('_up2.png');}
#col_nav ul ul ul ul ul ul a:link,
#col_nav ul ul ul ul ul ul a:visited{
	padding-left: 110px;
	background-position:50px 0,right;}
#col_nav ul ul ul ul ul ul ul a:link,
#col_nav ul ul ul ul ul ul ul a:visited{
	padding-left: 120px;
	background-position:60px 0,right;}
#col_nav .has_sub > a:link,
#col_nav .has_sub > a:visited,
#col_nav .has_sub > i > a:link,
#col_nav .has_sub > i > a:visited{
	padding-right:10px;}

#col_nav .nav_o{
	display:block;
	float:left;
	width:0;
	height:44px;
	padding:0 0 0 44px;
	background:url('_open.png') no-repeat 20px 15px;
	border:none;
	overflow:hidden;
	margin:0;}
#col_nav b .nav_o,
#col_nav i .nav_o{
	background:url('_opened.png') no-repeat 15px 20px;}
#col_nav ul ul .nav_o,
#col_nav ul ul b .nav_o,
#col_nav ul ul i .nav_o{
	margin-left: 10px;}
#col_nav ul ul ul .nav_o,
#col_nav ul ul ul b .nav_o,
#col_nav ul ul ul i .nav_o{
	margin-left: 20px;}
#col_nav ul ul ul ul .nav_o,
#col_nav ul ul ul ul b .nav_o,
#col_nav ul ul ul ul i .nav_o{
	margin-left: 30px;}
#col_nav ul ul ul ul ul .nav_o,
#col_nav ul ul ul ul ul b .nav_o,
#col_nav ul ul ul ul ul i .nav_o{
	margin-left: 40px;}
#col_nav ul ul ul ul ul ul .nav_o,
#col_nav ul ul ul ul ul ul b .nav_o,
#col_nav ul ul ul ul ul ul i .nav_o{
	margin-left: 50px;}
#col_nav ul ul ul ul ul ul ul .nav_o,
#col_nav ul ul ul ul ul ul ul b .nav_o,
#col_nav ul ul ul ul ul ul ul i .nav_o{
	margin-left: 60px;}

@media (min-width:992px){
#col_nav a:link,
#col_nav a:visited{
	padding-top:6px;
	padding-bottom:6px;}
#col_nav .nav_o{
	height:32px;}
#col_nav .nav_o{
	background-position-y:9px;}
#col_nav b .nav_o,
#col_nav i .nav_o{
	background-position-y:14px;}
#search input[type="text"]{
	padding-top:6px;
	padding-bottom:6px;}
#search input[type="submit"]{
	height:32px;
	background-position-y:-6px;}
}

.cal_block{
	background:#fff;
	width:auto;
	overflow:hidden;
	padding:10px;
	margin:0;}
@media (min-width:768px){
.cal_block{
	margin:15px 0 15px 0;
	border:1px solid #f93;}
}

.cal_block p{
	margin:10px 0;}
h1,
h2,
.u_noTit{
	font:22px/24px 'Special Elite',Courier,monospace;
	color:#fff;
	background:#f93;
	padding:12px 10px 10px 10px;
	margin:-10px -10px 10px -10px;}
h2{
	font: 15px/17px 'Special Elite',Courier,monospace;}
h1 + h2{
	padding-top:0;
	margin-top:-15px;}
p + h2,
a + h2,
link + h2{
	margin-top:10px;}
#col_l h1.rtits,
#col_r h1.rtits{
	background:#036;}
@media (min-width:992px){
#col_r h1,
#col_r h2{
	border-bottom:0;
	font-size: 15px;
	line-height: 17px;
	padding: 8px 10px;}
#col_r h2{
	font-size: 12px;
	line-height: 14px;
	padding: 6px 10px;}
}
@media (min-width:768px){
#col_l h1,
#col_l h2{
	border-bottom:0;
	font-size: 15px;
	line-height: 17px;
	padding: 8px 10px;}
#col_l h2{
	font-size: 12px;
	line-height: 14px;
	padding: 6px 10px;}
}

h4{
	font:18px/20px Arial,Helvetica,sans-serif;
	color:#666;
	padding:0;
	margin:5px 0;}
#col_l h4{
	padding: 2px 5px 2px 8px;}

@media (min-width:992px){
#col_r .cal_block{
	font: 10px Arial,Helvetica,sans-serif;
	color: #036;
	margin-bottom: 10px;}
#col_r .cal_block p,
#col_r .cal_download td{
	font: 12px/19px Arial,Helvetica,sans-serif;
	color: #333;
	padding: 2px 5px 2px 8px;}
#col_r .cal_block .noborder{
	border: none;}
}
@media (min-width:768px){
#col_l .cal_block{
	font: 10px Arial,Helvetica,sans-serif;
	color: #036;
	margin-bottom: 10px;}
#col_l .cal_block p,
#col_l .cal_download td{
	font: 12px/19px Arial,Helvetica,sans-serif;
	color: #333;
	padding: 2px 5px 2px 8px;}
#col_l .cal_block .noborder{
	border: none;}
}

p.mehr,
p.mehr a:link,
p.mehr a:visited{
	font:12px Arial,Helvetica,sans-serif;
	text-align:right;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#369;
	text-decoration:none;}
p.mehr a:hover,
p.mehr a:active,
p.mehr a:focus{
	color:#36f;
	text-decoration:underline;}

footer{
	background:#036;
	margin-top:20px;
	color:#fff;
	padding:20px 0;}
footer a.frauenbuero:link,
footer a.frauenbuero:visited{
	display:block;
	width:0;
	margin:0;
	padding:0;
	padding-left:103px;
	height:34px;
	background:url(_frauenbuero.gif) no-repeat;
	overflow:hidden;
	margin-bottom:30px;}
#footerT a:link,
#footerT a:visited,
#navf a:link,
#navf a:visited{
	text-decoration:underline;
	color:#c0cad7;}
#navf a:link,
#navf a:visited{
	text-decoration:none;}

.cal_img_tit{
	padding:0 0 5px 2px;
	line-height:9px;}
.cal_img_tit i{
	font:9px/9px Arial,Helvetica,sans-serif;
	font-style:italic;
	color:#999;}

#cal_show_login{
	display:none;}
	/* actually "display:inline-block;", but suppress flashing of form */
.cal_ovl_front{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-90px;
	margin-left:-125px;
	width:250px;
	height:210px;
	overflow:hidden;
	background:#f93;
	z-index:3001;
	padding:20px 10px 5px 10px;}
.cal_ovl_back{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3000;
	filter:alpha(opacity=70); /* IE */
	-moz-opacity: 0.70; /* Mozilla */
	opacity: 0.70; /* Opera */
	background:#666;}

#cal_login th{
	color: #fff;}
#cal_login th,
#cal_login td{
	padding:2px;}
#cal_login input[type="text"],
#cal_login input[type="password"]{
	color:#000;}
#cal_login input[type="submit"]{
	color: #fff;
	background:#036;
	border:none;}
#cal_login .cal_C{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid #333;
	opacity: 0.7;
	background: #ffffff url(../cms/skins/default/_cal_close.gif) no-repeat;
	padding:0;}
#cal_login .cal_C:active,
#cal_login .cal_C:hover,
#cal_login .cal_C:focus{
	opacity: 1;}

#cal_headroom ~ header #fixed-navbar,
#cal_headroom ~ header{
	margin-top:32px;}

#navf{
	margin:20px 0;}

.floatc{
	width:auto;
	overflow:visible;}

.flexcc{
	width:auto;
	overflow:visible;}
.lc{
	float:left;
	margin:-10px 10px 10px -10px;}
@media (min-width:510px){
.flexcc{
	display: flex;
	margin:-10px 0 0 -10px;}
.lc{
	flex: 0 1 120px;
	margin: 0 10px 0 0;}
.rc{
	flex: 1 2;}
}
.cal_targ{
	position:absolute;
	margin-top:-60px;
	display:block;
	height:0;}
@media (min-width:768px){
.cal_targ{
	margin-top:-129px;}
}

.dtable{}
.dtable th{
	vertical-align:top;
	width:120px;
	padding:2px 10px 2px 0;}
.dtable td{
	vertical-align:top;
	padding:2px 2px 2px 0;}
.dtable p{
	margin:10px 0 0 0;}
.dtable p:first-child{
	margin:0;}

/* old image handling */
.lf,
.rf,
.wide{
	width:100%;
	height:auto;
	margin:0 -10px 10px -10px;}
.cal_img_tit_o .lf,
.cal_img_tit_o .rf,
.cal_img_tit_o .wide{
	margin:0;}
.cal_img_tit_o.lf,
.cal_img_tit_o.rf,
.cal_img_tit_o.wide{
	width:auto;}
h1 + .wide{
	margin-top:-10px;}
.rf{
	margin-top:-10px;}

@media (min-width:450px){
.lf{
	width: inherit;
	height: inherit;
	float: left;
	margin: -10px 10px 10px -10px;}
.rf{
	width: inherit;
	height: inherit;
	float: right;
	margin: -10px -10px 10px 10px;}
}
#col_l .cal_block img.lf,
#col_r .cal_block img.lf{
	width:100%;
	height:auto;
	max-width:260px;}

/* new image handling */
.u_noTit{
	/* height:20px;
	padding:0;*/}
.u_i68,
.u_i120{
	width:68px;
	height:auto;
	float: left;
	margin:-10px 10px 10px -10px;}
.u_i218,
.u_i241,
.u_i290{
	width:100%;
	height:auto;
	margin:-10px -10px 5px -10px;}
.u_i218{
	max-width:218px;}
.u_i218{
	max-width:241px;}
.cal_img_tit_o .u_i68,
.cal_img_tit_o .u_i120,
.cal_img_tit_o .u_i218,
.cal_img_tit_o .u_i241,
.cal_img_tit_o .u_i290{
	margin:0;
	width:auto;}
h1 + .cal_img_tit_o .u_i68,
h1 + .cal_img_tit_o .u_i120,
h1 + .cal_img_tit_o .u_i218,
h1 + .cal_img_tit_o .u_i241,
h1 + .cal_img_tit_o .u_i290{
	margin-top:-10px;}
@media (min-width:290px){
.u_i218,
.u_i241,
.u_i290{
	width: inherit;
	max-width:290px;
	height: auto;
	float: left;
	margin: -10px 10px 10px -10px;
	border-bottom:none;}
.u_i218{
	max-width:218px;}
.u_i241{
	max-width:241px;}
}
@media (min-width:400px){
.u_i120{
	width:120px;}
}
@media (min-width:768px){
.u_noTit{
	display:none;}
#col_l .u_i218,
#col_l .u_i241,
#col_l .u_i290{
	width: 109.2%;
	height: auto;
	float: none;
	margin: -10px -10px 5px -10px;}
#col_l .u_i218{
	max-width:none;}
#col_l .u_i241{
	max-width:none;}
}
@media (min-width:992px){
.u_i218,
.u_i241,
.u_i290{
	width: 109.2%;
	height: auto;
	float: none;
	margin: -10px -10px 5px -10px;}
.u_i218{
	max-width:none;}
.u_i241{
	max-width:none;}
.u_i120{
	width:68px;}
}
.u_onlyImg{
	margin-bottom:-20px;}

ol.cal_search_res .cal_Tit{
	font-weight:bold;}

.frame_fff,
.frame_036{
	background:#fff;
	width:100%;
	text-align:center;
	margin:0;}
.frame_036{
	background:#036;
	margin-bottom:15px;}
@media (min-width:768px){
.frame_fff,
.frame_036{
	margin:15px 0 15px 0;
	border:1px solid #f93;}
.frame_036{
	margin:0 0 15px 0;
	border:1px solid #036;}
}

/* IE 11, only ( https://browserstrangeness.github.io/css_hacks.html ) */
@media screen and (min-width:0\0) and (min-resolution:+72dpi), \0screen\,screen\9{
	#search input[type="submit"]{
	border-bottom:1px solid #fff;}
	#search input[type="text"]{
	padding-bottom:14px;}
}

.block_end{
	padding:0;
	margin:0 10px 0;
	text-align:right;
	font-size:80%;}
.block_end a:link,
.block_end a:visited{
	display:block;
	width:0;
	overflow:hidden;
	background:#369 no-repeat 0 0;
	height:32px;
	float:right;
	margin:0 0 0 10px;
	padding:0 0 0 32px;}
.block_end a:focus,
.block_end a:hover,
.block_end a:active{
	background-color:#036;}
.go_kontakt{
	background-image:url(_i_kontakt.png) !important;}
.go_top{
	background-image:url(_i_top.png) !important;}
.go_comment{
	background-image:url(_i_comment.png) !important;}

div.cal_warn,
p.cal_warn{
	border:1px solid #cb0303;
	padding:10px;}
b.cal_warn,
span.cal_warn,
.cal_warn b{
	color:#cb0303;}