@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; }
body { color: #686f73; font-size: 12px; background: #fff url(/assets/templates/wfo/images/body_bg.gif) repeat-x; text-align: center; }

h1 { width: 240px; height: 85px; background: #fff url(/assets/templates/wfo/images/logo.gif) no-repeat; }
h1 a { display: block; text-indent: -9999px; width: 240px; height: 85px; }
h2 { font-size: 12px; color: #287fb5; font-weight: normal; padding-left: 20px; }
h3 { color: #287fb5; background-color: transparent; font-weight: normal; font-size: 18px; padding: 20px 20px 0px 20px; }
h4 { font-weight: bold; color: #287fb5;  }
p, h4, iframe { line-height: 22px; padding: 20px 0px 0px 20px; }
li { line-height: 22px; }
p { text-align: justify; }
p.clear { clear: both; }
p.clearflat { clear: both; line-height: 1px; height: 1px; font-size: 1px; padding: 0px; }
p.error { color: #ff0000; }
p.success { color: #ff6c00; }
p em { display: block; font-style: italic; padding: 20px; background-color: #f6f6f6; color: #287eb7; }
p em a {  color: #287eb7; }
a { color: #287fb5; }
p a:hover { color: #ff9000; }
ul,ol { list-style: none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { font-size: 12px; line-height: 22px; }
fieldset, img { border: 0; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
caption, th { text-align: left; }
hr { display: none; }
textarea { height: 100px; }

div#container { padding-top: 205px; margin: 0px auto; text-align: left; position: relative; top: 4px; width: 960px; background: #fff url(/assets/templates/wfo/images/container_bg.gif) repeat-y; }

div#branding { position: absolute; height: 204px; width: 960px; top: 0px; left: 0px; z-index: 0; background: #fff; }

div#mainnavigation { position: absolute; left: 320px; top: 58px; height: 90px; width: 640px; z-index: 4; }
div#mainnavigation ul { position: relative; height: 90px; width: 640px; }
div#mainnavigation ul li { position: absolute; }
div#mainnavigation ul li.unsere-leistungen { left: 160px; }
div#mainnavigation ul li.infos-jugendaemter { left: 320px; }
div#mainnavigation ul li.stellenangebote { left: 480px; }
div#mainnavigation ul li a { display: block; width: 160px; height: 90px; background-position: top; text-indent: -9999px; background-repeat: no-repeat; }
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { background-position: bottom; }
div#mainnavigation ul li a.heilpaedagogische-therapeutische-einrichtung { background-image: url(/assets/templates/wfo/images/nav01.gif); }
div#mainnavigation ul li a.unsere-leistungen { background-image: url(/assets/templates/wfo/images/nav02.gif); }
div#mainnavigation ul li a.infos-jugendaemter { background-image: url(/assets/templates/wfo/images/nav03.gif); }
div#mainnavigation ul li a.stellenangebote { background-image: url(/assets/templates/wfo/images/nav04.gif); }

div#metanavigation { position: absolute; width: 240px; left: 720px; top: 20px; z-index: 1; }
div#metanavigation ul { height: 10px; width: 240px; position: relative; }
div#metanavigation ul li { position: absolute; text-align: center; background: #fff url(/assets/templates/wfo/images/metanavigation_bg.gif) repeat-y left; height: 10px; line-height: 10px; }
div#metanavigation ul li.startseite { width: 90px; background-image: none; }
div#metanavigation ul li.kontakt { width: 74px; left: 90px;}
div#metanavigation ul li.impressum { width: 76px; left:  164px; text-align: right; }
div#metanavigation ul li a { text-transform: uppercase; text-decoration: none; font-size: 10px; }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active { text-decoration: underline; }

div#subnavigation { background: #dfded7 url(/assets/templates/wfo/images/subnavigation_bg.gif) repeat-y; }
div#subnavigation ul { background: transparent url(/assets/templates/wfo/images/subnavigation_ul_bg.gif) no-repeat top; padding: 0px 20px; }
div#subnavigation ul li { padding: 5px 0px; background: transparent url(/assets/templates/wfo/images/subnavigation_li_bg.gif) repeat-x bottom; }
div#subnavigation ul ul { display: none; }
div#subnavigation ul li.open { padding: 5px 0px 2px 0px; }
div#subnavigation ul li.open ul { display: block; background: #d3d1c6 url(/assets/templates/wfo/images/subnavigation_li_bg.gif) repeat-x top; padding: 10px 0px 8px 0px; margin-top: 3px; }
div#subnavigation ul li.open ul li { padding: 0px; background: none; margin: 0px; display: inline; }
div#subnavigation ul li.open ul li a { background: none; }
div#subnavigation ul li.last { background: none; }
div#subnavigation ul li a { display: block; padding-left: 20px; background: transparent url(/assets/templates/wfo/images/arrow2.gif) no-repeat 5px 6px; text-decoration: none; font-size: 10px; text-transform: uppercase; color: #737575;  }
div#subnavigation ul li a:hover, div#subnavigation ul li a.active { text-decoration: underline; }

div#searchform {  color: #287fb5; position: absolute; left: 0px; top: 120px; width: 320px; height: 85px; background: #e3e3e3 url(/assets/templates/wfo/images/searchform_bg.gif) no-repeat; z-index: 2; }
div#searchform form { position: relative; left: 20px; top: 20px; width: 300px; }
div#searchform form legend { display: block; height: 11px; line-height: 11px; font-size: 11px; color: #287fb5; }
div#searchform form input { border: 1px solid #a9cde3; width: 158px; font-size: 12px; color: #686f73; height: 17px; }
div#searchform form input#searchbutton { position: absolute; left: 184px; top: 29px; font-size: 10px; text-transform: uppercase; padding: 0px 5px 0px 5px; width: 80px; color: #fff; background-color: #287fb5; border-left: 1px solid #5e9fc7; border-top: 1px solid #5e9fc7; border-right: 1px solid #216da1; border-bottom: 1px solid #216da1; }
div#searchform form ol { padding-top: 15px; }
div#searchform form ol li { padding-left: 20px; background: transparent url(/assets/templates/wfo/images/search.gif) no-repeat; }
div#searchform form ol li label { display: none; }

div#loginform { position: absolute; left: 320px; top: 148px; width: 640px; height: 57px; background-color: #287fb5; z-index: 3; color: #fff; }
div#loginform form { position: relative; left: 20px; top: 17px; width: 300px; }
div#loginform form legend { display: none; }
div#loginform form input { border: 1px solid #a9cde3; width: 158px; font-size: 12px; color: #686f73; height: 17px; }
div#loginform form input#loginbutton { position: absolute; left: 460px; top: 3px;  font-size: 10px; text-transform: uppercase; padding: 0px 5px 0px 5px; width: auto; color: #fff; background-color: #106294; border-left: 1px solid #4d88b0; border-top: 1px solid #4d88b0; border-right: 1px solid #0b4a75; border-bottom: 1px solid #0b4a75; }
div#loginform form input#logoutbutton { position: absolute; left: 65px; top: 3px;  font-size: 10px; text-transform: uppercase; padding: 0px 5px 0px 5px; width: auto; color: #fff; background-color: #106294; border-left: 1px solid #4d88b0; border-top: 1px solid #4d88b0; border-right: 1px solid #0b4a75; border-bottom: 1px solid #0b4a75; }
div#loginform form ol { position: relative; }
div#loginform form ol li { position: absolute; }
div#loginform form ol li.password { left: 230px; width: 230px;}
div#loginform form ol li label { font-size: 10px; font-weight: bold; text-transform: uppercase; }
div#loginform a { color:#fff; }

div#maincontent { float: right;  width: 640px; padding-top: 20px; }
div#maincontent p.polaroid { background-repeat: no-repeat; background-position: 0px 20px; font-size: 11px;  color: #287eb7; padding: 140px 0px 10px 30px; }
div#maincontent p.polaroid a { font-size: 11px;  color: #287eb7; }
div#maincontent div#element1 { width: 460px; float: left; }
div#maincontent div#element1a { width: 620px; }
div#maincontent div#element2 { width: 180px; float: left; }

div#maincontent ul#headimages { padding: 0px; position: relative; left: 20px; height: 120px; width: 600px; background: transparent url(/assets/templates/wfo/images/headimages_bg.gif) no-repeat bottom; }
div#maincontent ul#headimages li { width: 100px; float: left; height: 100px; border: none; padding: 0px; }
div#maincontent ul#headimages li p { margin: 0px; line-height: 12px; padding: 0px; position: relative; height: 100px; overflow: hidden; text-align: center; background: #fff }
div#maincontent a.thickbox img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
div#maincontent a.thickbox:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border: solid 2px #ffffff; }

div#maincontent ul {  padding: 20px 0px 0px 20px; }
div#maincontent ul li  { border-top: 1px solid #fff; padding: 5px 20px; background: #f6f6f6 url(/assets/templates/wfo/images/arrow.gif) no-repeat 5px 11px;  }
div#maincontent ol {  padding: 10px 0px 0px 20px; }
div#maincontent ol li { background: #fff url(/assets/templates/wfo/images/arrow.gif) no-repeat 5px 11px; padding: 5px 20px; border-bottom: 1px solid #b1bcc3; }
div#maincontent form.wfmform { padding-top: 13px;  line-height: 18px; }
div#maincontent form.wfmform legend {  display:none; }
div#maincontent form.wfmform fieldset{ border: solid 0px #fff; }
div#maincontent form.wfmform ol{ list-style-type: none; }
div#maincontent form.wfmform ol li{ padding-left: 0px; padding-right: 0px; padding-bottom: 13px; border: none; background: none;  }
div#maincontent form.wfmform ol li p{ padding: 0px; }
div#maincontent form.wfmform ol li label{ vertical-align: top; display: inline-block; width: 150px; }
div#maincontent form.wfmform ol li input,
div#maincontent form.wfmform ol li textarea{ width: 280px; color: #686f73; }
div#maincontent form.wfmform ol li select { color: #686f73; width: 284px; }
div#maincontent form.wfmform ol li input.checkbox { width: auto; }
div#maincontent form.wfmform ol li input.radio { width: auto; }
div#maincontent form.wfmform ol li fieldset { background-color: #f6f6f6; padding: 5px;}
div#maincontent form.wfmform ol li fieldset label{ display:block; width: auto; }
div#maincontent form.wfmform input.submit {margin-left: 20px;}
div#maincontent table { position: relative; left: 20px; margin-top: 20px; }

a.thickbox img { filter:alpha(opacity=70);	-moz-opacity: 0.70;	opacity: 0.70; border: solid 2px #FFFFFF; }
a.thickbox:hover img {	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;	border: solid 2px #287fb5; }

div#subcontent { float: right; width: 320px; }
div#subcontent div#news { background: transparent url(/assets/templates/wfo/images/subcontent_bg.gif) no-repeat; min-height: 390px; }
div#subcontent div#twitter { background: transparent url(/assets/templates/wfo/images/subcontent_bg.gif) no-repeat; min-height: 200px; }
div#subcontent div#twitter2 {width:155px;height:175px;margin:0 30px 20px 30px;padding:12px;text-align:left;text-overflow:ellipsis;overflow:hidden;line-height:1.1em;text-shadow:rgba(0,0,0,0.4) 0px -1px 0;background: url("/images/twitter.png") no-repeat;}
div#subcontent div#twitter2 a:link,#twitter2 a:hover,#twitter2 a:visited {color:white;font-size:9pt;font-weight:bold;text-decoration:none;}

div#subcontent h2 { background: #287fb5 url(/assets/templates/wfo/images/subcontent_h2_bg.gif) no-repeat; height: 37px; line-height: 37px; padding-left: 20px; color: #fff; }
div#subcontent p { margin: 0px 20px 0px 20px; padding: 20px 0px 20px 0px; background: transparent url(/assets/templates/wfo/images/news_bg.gif) repeat-x bottom; text-align: left; color: #287fb5; font-size: 11px; }
div#subcontent p a { font-size: 11px; }
div#subcontent p.forward { background-image: none; text-align: right; }

div#pageinformation { height: 100px; background: transparent url(/assets/templates/wfo/images/pageinformation_bg.gif) no-repeat; position: relative;  }
div#pageinformation p { padding: 0px; line-height: 12px; margin:0px; position: absolute; left: 340px; top: 46px; color: #fff; }
div#pageinformation p a { color: #fff; }

   #ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }

div#ditto_pages {
	padding-left: 20px;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #008CBA; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}