/* REEDER.CSS 	for http://www.reeder.de
   CREATOR: 	Wilder Jaeger Mediengestaltung
            	Frank Sander
            	sander@wilder-jaeger.de
   VERSION: 	0.4
   DATE:	Feb/11/2010
*/

@import url("reset.css");
@import url("dropdown/dropdown.css");
@import url("dropdown/themes/default/default.css");


/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 81%; font-family: 'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif; }
i { font-style: italic; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
input[type='text'], input[type='password'] { font-size: 92%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 75%; }
abbr, acronym { font-size: 100%; letter-spacing: .1em; text-decoration:none; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #eee; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
h1 { letter-spacing: .1ex; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #b0753a; color:#339; }
input, select { cursor: pointer; }
input[type='text'], input[type='password'] { cursor: text; }

/* new: */
form { margin-left:17px; }
fieldset { margin:0 0 0 0; padding: 0; border: none; }
label { margin:0 0 0 0; display:block; }
input { margin:0 0 0 0; }
#TEXT div { margin:0; padding:0; }
textarea { width:371px; background-color:#fff; margin-left: -1px; padding:15px; font-family:'Comic Sans MS'; font-size:1em; }

input[type='checkbox'] { float:left; vertical-align:bottomline; margin:.2ex 1ex 0 0; }
input[type='submit'] { margin-top:0; padding:.5ex 3ex; color:#040; }
input[type='submit']:hover { color:#090; }
/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

#TEXT { color:#456; line-height:-1em; }
/* BASE SIZES */

h2 { font-size:1em; letter-spacing:.2em; color:#2C5770; }
#TITLE h1 { font-size:1em; letter-spacing:.2em; color:#2C5770; }  /* XXX FALLBACK */

/* #TEXT { font-size: 1.2em; line-height: 1.6em; } */
#TEXT, #ADRESS { line-height: 1.3em; }
#TEXT h1 { font-size: 1em; }
#TEXT h2 { font-size: 1em; }
#TEXT h3 { font-size: 1em; }
#TEXT h4 { font-size: 1em; }
#TEXT h5 { font-size: 1em; }
#TEXT h6 { font-size: 1em; }

/* HR */

#TEXT hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

#TEXT ul li { list-style: none; list-style-image: none; /* for ie win 5.x */	margin:.5em 0 .5ex 0; padding:0 .5em 0 16px; background:transparent url(../images/bullet.gif) no-repeat 1px .5em;}
#TEXT ol { list-style-position: outside; list-style-type: decimal; }
#TEXT dt { font-weight: bold; }

/* TABLES */

#TEXT table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#TEXT th, #TEXT td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

#TEXT blockquote *:first-child { margin: .8em 0; }
#TEXT hr, #TEXT p, #TEXT ul, #TEXT ol, #TEXT dl, #TEXT pre, #TEXT blockquote, #TEXT address, #TEXT table, #TEXT form { margin-bottom: 1.6em; }
#TEXT p { margin-bottom:1em; }
/* #TEXT p, #ADRESS p { margin:1.07em 100px 0 0; } */
#TEXT p+p {  }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
#TEXT h1 { margin: 0 100px 20px 0; }
#TEXT h2 { margin: 1.07em 100px 0 0; }
#TEXT h2+p { margin-top:0; }
#TEXT h2 {  }
#TEXT h2.li {  }
#TEXT h3 { margin: 1.14em 0 .57em; }
#TEXT h4 { margin: 1.23em 0 .615em; }
#TEXT h5 { margin: 1.33em 0 .67em; }
#TEXT h6 { margin: 1.6em 0 .8em; }
#TEXT th, #TEXT td { padding: .8em; }
#TEXT caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#TEXT blockquote { padding: 0 1em; margin: 1.6em 0; }
#TEXT fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
#TEXT legend { padding-left: .8em; padding-right: .8em; }
#TEXT legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
#TEXT textarea, #TEXT input { padding: .3em .4em .15em .4em; }
#TEXT select { padding: .1em .2em 0 .2em; }
#TEXT option { padding: 0 .4em; }
#TEXT a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#TEXT dt { margin-top: .8em; margin-bottom: .4em; }
#TEXT ul { margin-left: 0; margin-bottom: 0; margin-right:100px; padding-bottom:0; } /* margin-bottom :163em; */
#TEXT h1+ul {  }
#TEXT ol { margin-left: 30px; }
#TEXT ol ol, #TEXT ul ol { margin-left: 2.5em; }
#TEXT form div { margin-bottom: .8em; }

/* COLORS */

#TEXT p.tzadress,
#ADRESS { color: #996633; font-size:1em; font-weight:normal; letter-spacing:.1ex; margin:1em 0;}

#TEXT a:link { text-decoration: underline; color: #36c; }
#TEXT a:visited { text-decoration: underline; color: #666; }
#TEXT a:hover { text-decoration: underline; color: #c33; }
#TEXT a:active, #TEXT a:focus { text-decoration: underline; color: #000; }
#TEXT code, #TEXT pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
#TEXT h1 { color:#b0753a; }
#TEXT h2 { color:#999; }
#TEXT h2 { color:#666; }

/* LAYOUT */

html { height:100%; width:100%; background:#EFF0F5 url(../images/2011/bkg_skin.png) repeat top center fixed; }
body { height:100%; width:100%; text-align:center; background:transparent url(../images/2011/bkg_content.png) repeat-y top center fixed; }
#HEAD { position:fixed; top:0px; left:50%; margin-left:-388px; width:776px; height:200px; text-align:right; background:transparent url(../images/2011/head.png) no-repeat center top; z-index:19; }

#WRAP { xxxborder:1px solid red; overflow:hidden; border-top:1px solid #c5c6cb; margin: 0 auto; padding-bottom:100px; background:#fff; width:774px; text-align:left; background:#fff url(../images/2011/bkg_content.png) repeat-y top center fixed;}
/* WRAP: Don't ask, why the border helps in FF *sigh* */
#INNERWRAP { background:#fff url(../images/2011/bkg_content.png) repeat-y top center fixed; }

#TITLE { margin: 210px 0 1em 0; }
#TEXT { padding:0 0 100px 0; }

#TEXT, #TITLE, #ADRESS { background:#fff; margin-left:197px; width:540px; }
#TEXT * { margin-right:30px; }
#TEXT a { margin-right:0; }
#TEXT { padding-bottom:60px;}

#LEFT { display:none; }

/* Logo */

#HEAD h1 { position:fixed; display:block; top:120px; left:50%; margin-left:130px; width:98px; height:26px; background: transparent url(../images/typo-reeder.gif) no-repeat 0 0; z-index:32 !important; }
#HEAD h1 a img, #HEAD h1 a span { display:none; }
#HEAD h1 a { display:none; }

/* Clickfläche vergrößert. Eigentlich nötige Größe: 98px x 26px */
#HEAD p { position:fixed; display:block; top:100px; left:50%; margin-left:20px; width:230px; height:42px; background: transparent url(../images/typo-ug.gif) no-repeat 0px 0px; z-index:33!important; }
#HEAD p a { display:none; }
#HEAD #line { position:fixed; top:118px; left:50%; margin-left:-24px; width:207px; border-top:1px solid #DBDCDF; z-index:34; }

.jslink { cursor:pointer; }

/* Illu */

#FOOTLINKS { position:fixed; top:31px; left:50%; margin-left:-190px !important; width:150px; height:113px; background: transparent url(../images/illu-reeder.gif) no-repeat 0 0; z-index:30; }

#FOOTLINKS a { position:fixed; left:-100em; }
#FOOTLINKS img { position:fixed; left:-100em; }
#FOOTLINKS  { background-image: url(../images/illu-reeder.gif); width:293px; }

.t3 #FOOTLINKS { background-image: url(../images/illu/illu_thz.jpg); }
.t4 #FOOTLINKS { background-image: url(../images/illu/illu_outsourcing.jpg); }
.t5 #FOOTLINKS { background-image: url(../images/illu-termin.gif); width:293px; }
.kontakt #FOOTLINKS { background-image: url(../images/illu-reeder.gif); width:293px; }
.impressum #FOOTLINKS { background-image: url(../images/illu-kontakt.gif); width:293px; }
.intern #FOOTLINKS { background-image: url(../images/illu-login.gif); width:293px; }
.t1 #FOOTLINKS { background-image: url(../images/illu-reeder.gif); width:293px; }
.t2 #FOOTLINKS { background-image: url(../images/illu-therapien.gif); width:293px; }
.mitarbeiter #FOOTLINKS,
.stellen #FOOTLINKS { background-image: url(../images/illu-mitarbeiter.jpg); width:293px; }


/* Navigation */

#nav { position:fixed; top:147px; /* left: stays on default for opera */ margin-left:188px; width:auto; height:36px; }
#nav li a {  white-space: nowrap; }

#METANAVIGATION { position:fixed; bottom:0; left:50%; margin-left:-388px; width:777px; height:76px; background:transparent url(../images/2011/foot.png) no-repeat bottom center; z-index:21; }
#METANAVIGATION ul { margin-left:169px; }
#METANAVIGATION ul li { float:left; margin:10px -1px 0 auto; height:26px; line-height:26px; border-left:1px solid #fff; } /* #c0c0c9 */
#METANAVIGATION a, #METANAVIGATION a:link, #METANAVIGATION a:visited { padding:0 9px 0 8px; display:block; height:26px; border-right:1px solid #fff; background:transparent; color:#333; text-shadow: 0px 1px 0px #fff; }
#METANAVIGATION a:hover { color:#664422; background:#fff url(../images/head.png) no-repeat -300px -35px; }

/* Subnavigation see default.css */

/* HELPERS */

.clearer { clear: both; }


/* THZ */


#ADRESS.img { margin-left:169px; margin-bottom:0; padding: 8px; background: transparent url(../images/tz-bkg.gif) no-repeat left top; clear:both; }
#ADRESS.img .tzadress { margin:4px 100px 8px 4px; padding:8px 12px; background: transparent url(../images/tz-adress-bkg.gif) no-repeat left top; min-height:100px; width:280px; }
#ADRESS.s .tzadress { min-height:78px; }
#ADRESS.l .tzadress { min-height:116px; }
#ADRESS.xl .tzadress { min-height:130px; }
#ADRESS.xxl .tzadress { min-height:160px; }


#ADRESS.img img { margin:4px 12px 0 0; float:right;}

.thz #LEFT { clear:both; margin-right:13px; font-size:90%; display:block; text-align:right; margin-bottom:2.2em; }
#TABSUB { font-size:90%; display:block; text-align:right; }
.thz #LEFT ul, #TABSUB ul { margin:0 40px 0 0; }
.thz #LEFT ul li, #TABSUB li { float:right;  height:2em; line-height:2.15em; border-right:1px solid #ccc; width:auto; margin-left:8px; }
.thz #LEFT ul li a, #TABSUB ul li a { width:auto; margin:0; display:block; height:2em; padding:0 16px; background: transparent url(../images/tab.gif) no-repeat left bottom; color:#585858; white-space: nowrap; }
.thz #LEFT ul li a:hover, #TABSUB li a:hover { background-image: url(../images/tab-hover.gif); color:#443311; text-decoration:underline; }
#TABSUB li a { background-position:left top !important; }
.thz h2 { clear:both; }

/* Mitarbeiter */

.mitarbeiter #ADRESS.img .tzadress { min-height:120px; }
.mitarbeiter #ADRESS.img a { text-decoration:underline; }

/* Besonderheiten */

.thz.n1 #TITLE { position:fixed; left:-100em; }
.thz.n1 #TEXT { margin-top:-32px; }
.thz.n1 #TEXT { margin-top:200px; }

.index #WRAP img { margin:218px 0 0 174px; }

#thzlist h3 { cursor:pointer; width:auto !important; margin-right:auto !important; text-decoration:underline; padding-left:16px; background:transparent url(../images/closed.gif) no-repeat left center; margin-bottom:0; }
#list h2, #list h3 { cursor:pointer; width:auto !important; margin-right:auto !important; text-decoration:none; padding-left:16px; background:transparent url(../images/closed.gif) no-repeat left center; margin-bottom:0; }
#list h2:hover, #list h3:hover { text-decoration:underline;
}
#thzlist h3:hover { color:#986532;}

#TEXT ul+p { margin-top:1em; }

/* Stellenangebote */

p.hinweise { color:#cc6532;; }
.openall,
.closeall,
h2#adresse { margin-top:1em; margin-bottom:1em; }
.closeall { margin-left:1em; color:#663300; }
.openall { margin-right:1em; color:#006600; }

/* current */

.t1 .n1,
.t2 .n2,
.t3 .n3 { color:#986532 !important; }

.partner #TEXT ul { margin-top:2em; }
.partner #TEXT ul li { padding:0; margin-bottom:16px; min-height:96px; background:none; width:537px; clear:both; border-top:1px solid #4F4FAA; padding-top:0px; }
.partner #TEXT a.logo { margin:0; float:right; margin-right:-11px; line-height:1px; padding-top:0; }
.partner #TEXT img { margin:0; padding:0; margin-top:-1px; }
.partner #TEXT p { margin-top:.4em; margin-left:0; width:360px; }
.partner #TEXT { padding-bottom:0; }

.vereine #TEXT ul li { min-height:114px; }

#TEXT A:hover IMG { opacity:.75; }

.partner2 #TEXT ul { margin-top:2em; }
.partner2 #TEXT ul li { padding-left:0; margin-bottom:16px; min-height:100px; background:none; width:530px; clear:both; }
.partner2 #TEXT ul p { margin-left:172px; }
.partner2 #TEXT ul img { position:relative; left:0; top:0; margin-bottom:-80px; }

.kontakt textarea { margin:0; width:488px; }

form { margin:0; padding:0; width:auto;}
label {margin:1em 0 -1em 0; padding:0; }

#TEXT ul li ul { margin-bottom:1em }
#TEXT ul li ul li { padding-left:0; margin-left:0; background:none; }
#TEXT ol li { margin-bottom:.5em; }

.stellen #TEXT h2 { margin-top:2em; }


#highlight { position:absolute; width:23px; height:23px; left:50%; top:408px; margin-left:-163px; background: transparent url(../images/highlight.png) no-repeat bottom right; z-index:189; }

#TITLE h1 { font-size:1em; letter-spacing:.2em; color:#2C5770; }  /* XXX FALLBACK */

strong { margin-right:0 !important; padding-right:0 !important; border:none; }

strong.teaser { font-size:110%; }

/* Karte */

/* Karte */

.mapimg { float:left; }
img.map {  margin:0; }
#mapinfo { float:right; height:200px; width:235px; text-align:left; font-size:1px; margin-left:0; display:none; }
#mapinfo p { display:block; height:200px; padding:0; margin:20px 63px 0 0; font-size:14px; white-space:nobreak; text-align:center; line-height:150%; }
#mapinfo p strong { margin:0; }
#mapinfo p.true { margin-top:-200px; }
#mapinfo img { margin:55px auto 10px auto; }