/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für www.herzenssterne.de
| fasc | 2009-08-16
| 
| Inhaltsverzeichnis:
| - ==elements            allg. Elemente
| - ==layout              Layout
| - ==counter             Counter der die verbleibenden Tage anzeigt
| - ==navigation_main     Hauptnavigation
| - ==navigation_service  Servicenavigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==elements */
  
body.ptype-start {
  background: url(../images/background.jpg) repeat-x;
}

body {
  background: url(../images/content_background.jpg) repeat-x;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==layout */
  
#page {
  background: url(../images/content_page_background.png) no-repeat;
  min-height: 240px;
}

.ptype-start #page {
  background: url(../images/page_background.png) no-repeat;
  min-height: 550px;
}

#logo a {
  background: url(../images/logo.png) no-repeat;
  display: block; float: right;
  text-indent: -9999px;
  width: 107px; height: 111px;
}

#header {
  position: relative;
}

#header-print {
  display: none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==counter */
  
#counter {
  position: absolute; top: 70px; left: 670px;
  overflow:hidden;
}
  
#counter p {
  color: #D2A9A8;
  font-family: Georgia, Serif; font-size: 1.375em; line-height: 1.5em; 
}

#counter p span.spot {
  color: #FFF;
}

#counter p span.days {
  color: #FFF;
  display: block; margin: 0 0 4px 0;
  font-size: 2em; line-height: 1em;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation_main */
  
#navigation-main {
  position: absolute; top: 161px; left: 23px;
}

.ptype-start #navigation-main {
  position: absolute; top: 412px; left: 23px;
}

#navigation-main li {
  display: block; float: left;
  font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size: .875em; font-weight: bold; line-height: 1.125em;
}

#navigation-main li a {
  background: url(../images/star_unselected.gif) no-repeat;
  color: #A41717;
  display: block; float: left;
  text-decoration: none;
  padding: 17px 0 0 35px;
}

.ptype-start #navigation-main li a,
#navigation-main li.active a {
  background: url(../images/star_selected.gif) no-repeat;
}

#navigation-main li.aktion-herzenssterne a {
  width: 155px; 
}

#navigation-main li.pressspiegel{
  padding-left: 10px;
}

#navigation-main li.pressspiegel a {
  width: 111px; 
}

#navigation-main li.der-weg-zum-stern{
  padding-left: 16px;
}
#navigation-main li.der-weg-zum-stern  a {
  width: 83px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navigation_service */
  
#navigation-service {
  position: absolute; top: 175px; right: 0;
}

.ptype-start #navigation-service {
  top: 430px;
}

#navigation-service li {
  color: #9C9B9B;
  display: block; float: left;
  font-size: .6875em; line-height: 1.125em;
  margin-right: 15px;
}

#navigation-service li a {
  color: #9C9B9B;
  text-decoration: none;
}

#navigation-service li ul {
  margin: 5px 0 0 0;
  overflow: auto;
}

#navigation-service li li,
#navigation-service .drk {
  margin-right: 0;
  text-indent: -9999px;
}

#navigation-service li li a {
  display: block;
  width: 24px; height: 28px;
}

#navigation-service li li.flickr a {
  background: url(../images/logo_flickr.png) no-repeat;
  margin-top:1px;
  width: 24px;
}

#navigation-service li li.twitter a {
  background: url(../images/logo_twitter.png) no-repeat;
  width: 30px;
}

#navigation-service li li.facebook a {
  background: url(../images/logo_facebook.png) no-repeat;
}

#navigation-service li li.myspace a {
  background: url(../images/logo_myspace.png) no-repeat;
}

#navigation-service li li.studivz a {
  background: url(../images/logo_studivz.png) no-repeat;
}

#navigation-service li li.meinvz a {
  background: url(../images/logo_meinvz.png) no-repeat;
  margin-top:-1px;
  margin-left:-1px;
}


.drk {
  float: right;
  position: absolute; top: 288px; right: 15px;
  width: 126px; height: 72px;
}

.ptype-start .drk {
  top: 540px;
}

.drk a {
  background: url(../images/logo_drk_gross.png) no-repeat;
  display: block;
  text-indent: -9999px;
  width: 126px; height: 72px;
}

.bsd {
  float:right;
  height:98px;
  position:absolute;
  right:18px;
  top:368px;
  width:126px;
}

.ptype-start .bsd {
  top: 620px;
}

.bsd a {
  background: url(../images/logo_bsd_gross.png) no-repeat;
  display: block;
  text-indent: -9999px;
  width: 126px; height: 98px;
}