/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     kontextspalte.css
**  Funktion:  Detaillayout der Kontextspalte

**  Erstellt:  12.03.2009
**  Media:     screen, projection

**  Autor:     Axel G�ldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Toolbar
2. Kontaktblock Seniorenheim
3. Wetterteaser

========================================================== */

@media screen
{
/*  =========================================================
 =1. Toolbar
 	  (Tools wie Seite drucken oder Newsletter)
========================================================= */

#kontextspalte .toolbar{ background:#DEDFDF; width:20em; height:auto; display:block; padding:1.5em 0 1.5em 2em;}
#kontextspalte .toolbar li{ display:block; list-style:none; margin:.5em 0 .3em; padding:.3em 0 .5em 0;}
#kontextspalte .toolbar li a{ background:transparent url(../../../img/objects/ico_toolbar.gif) no-repeat; padding:.3em 0 .5em 3.5em;}
#kontextspalte .toolbar li a.newsletter{ background-position:0 0;}
#kontextspalte .toolbar li a.map{ background-position:0 -24px;}
#kontextspalte .toolbar li a.webcam{ background-position:0 -48px;}
#kontextspalte .toolbar li a.contact{ background-position:0 -72px;}
#kontextspalte .toolbar li a.print{ background-position:0 -92px;}


/*  =========================================================
 =2. Kontaktblock Seniorenheim
========================================================= */
#kontextspalte .seniorenkontakt{ background:#DEDFDF; text-align:center; padding:2.2em 0 .1em 0; width:22em;}
#kontextspalte .seniorenkontakt img{ margin:0 0 2.5em 0;}
#kontextspalte .seniorenkontakt p{ margin:0 0 1em 1.2em;}
#kontextspalte .seniorenkontakt a{ background:transparent url(../../../img/objects/ico_toolbar.gif) no-repeat; padding:.3em 0 .5em 2.5em; display:block;}
#kontextspalte .seniorenkontakt a.contact{ background-position:0 -69px;}


/*  =========================================================
 =3. Wetterteaser
========================================================= */

#kontextspalte .wetterteaser{ background:#DEDFDF; text-align:center; padding:1em; width:20em; margin:0 0 1em;}
#kontextspalte .wetterteaser td{ padding:2px 0;}
#kontextspalte .wetterteaser img{ float:left; margin:0 5px 0 0;}
#kontextspalte .wetterteaser hr{ border-top:1px black solid!important; margin:5px 0 0; float:none; clear:both;}


/*  =========================================================
 =4. Facebook Widget
========================================================= */

#kontextspalte #facebookWidget {padding-top: 20px;}







}