/*------------------------------------------------------------------------------
  global.css
  
  copyright (c) 2010 pflichttermin.com
------------------------------------------------------------------------------*/
body, div, a, img, ul, li {
  border : none;
  font-family : Verdana,Arial,Sans Serif;
  margin : 0;
  padding : 0;
}

a {
  color : #0000ff;
  outline : none;
  text-decoration : none;
}
a:visited {
  color : #0000ff;
}
a:hover {
  text-decoration : underline;
}

body {
  background : #000000 url(images/bg.jpg) top center no-repeat;
}

img.logo {
  margin-left : 20px;
}

#container {
  margin : 0px auto;
  width : 782px;
  text-align : left;
}

#header {
  height : 130px;
  position : relative;
  width : 782px;
}

#header #logo {
  left : 270px;
  position : relative;
  top : 5px;
}

#header #share {
  height : 16px;
  left : 699px;
  position : relative;
  top : -22px;
  width : 83px;
}

/*------------------------------------------------------------------------------
  MENU
------------------------------------------------------------------------------*/
#header #menu {
  background : url(images/menu_bg.png) left top no-repeat;
  height : 37px;
  left : 0px;
  position : absolute;
  top : 93px;
  width : 782px;
}

#menu ul {
  list-style : none;
}

#menu ul li {
  float: left;
  height: 30px;
  text-indent: -2000px;
}
#menu ul li:hover {
  cursor: pointer;
}

#menu ul li.news {
  background : url(images/menu.png) 0px 0px no-repeat;
  width : 160px;
}
#menu ul li.news:hover {
  background : url(images/menu.png) 0px -30px no-repeat;
}
#menu ul li.news a {
  display : block;
  height : 30px;
  width : 160px;
}

#menu ul li.musik {
  background : url(images/menu.png) -160px 0px no-repeat;
  width : 160px;
}
#menu ul li.musik:hover {
  background : url(images/menu.png) -160px -30px no-repeat;
}
#menu ul li.musik a {
  display : block;
  height : 30px;
  width : 160px;
}

#menu ul li.dates {
  background : url(images/menu.png) -320px 0px no-repeat;
  width : 160px;
}
#menu ul li.dates:hover {
  background : url(images/menu.png) -320px -30px no-repeat;
}
#menu ul li.dates a {
  display : block;
  height : 30px;
  width : 160px;
}

#menu ul li.fotos {
  background : url(images/menu.png) -480px 0px no-repeat;
  width : 160px;
}
#menu ul li.fotos:hover {
  background : url(images/menu.png) -480px -30px no-repeat;
}
#menu ul li.fotos a {
  display : block;
  height : 30px;
  width : 160px;
}

#menu ul li.links {
  background : url(images/menu.png) -640px 0px no-repeat;
  width : 142px;
}
#menu ul li.links:hover {
  background : url(images/menu.png) -640px -30px no-repeat;
}
#menu ul li.links a {
  display : block;
  height : 30px;
  width : 142px;
}

/*------------------------------------------------------------------------------
  content
------------------------------------------------------------------------------*/
#content {
  background : #f2f2f2 url(images/content.jpg) left top;
  position : relative;
  width : 782px;
}

#contentb {
  background : #f2f2f2 url(images/contentb.jpg) left top;
  position : relative;
  width : 782px;
}

#content div, #contentb div {
  background : url(../images/default.png) no-repeat;
  height : 300px;
  margin-bottom : 1px;
}

#content div h1, #contentb div h1 {
  background-color : #414141;
  color : #f2f2f2;
  font-size : 14px;
  margin : 0px 50px 0px 210px;
  padding : 3px 5px 3px 5px;
  position : relative;
  top : 30px;
}

#content div p, #contentb div p {
  font-size : 12px;
  margin : 45px 53px 0px 213px;
}

#content div p b, #contentb div p b {
  background-color : #616161;
  color : #f2f2f2;
  display : block;
  font-size : 10px;
  margin : 10px 0px 10px 0px;
  padding : 3px 5px 3px 5px;
}

#content div.news-item01 {
  background-image : url(../images/news/01.png);
}

#content div.news-item02 {
  background-image : url(../images/news/02.png);
}

#content div.news-item03 {
  background-image : url(../images/news/03.png);
}

#content div.news-haiti {
  background-image : url(../images/fotos/20100220.png);
}

#content div.news-andino {
  background-image : url(../images/news/04.png);
}

#content div.news-herzbenefiz {
  background-image : url(../images/fotos/20100708.png);
}

#contentb div.musik {
  background-image : url(../images/musik/01.png);
  height : 600px;
}

#content div.dates-item01 {
  background-image : url(../images/dates/01.png);
}

#content div.dates-item02 {
  background-image : url(../images/dates/02.png);
}

#content div.dates-item03 {
  background-image : url(../images/fotos/20100220.png);
}

#content div.fotos-20100220 {
  background-image : url(../images/fotos/20100220.png);
}

#content div.fotos-20100424 {
  background-image : url(../images/fotos/20100424.png);
}

#content div.fotos-20100708 {
  background-image : url(../images/fotos/20100708.png);
}

#contentb div.fotos-item02 {
  background-image : url(../images/fotos/02.png);
  height : 750px;
}

#contentb div.links {
  background-image : url(../images/links/01.png);
  height : 600px;
}

#contentb div.impressum {
  background-image : url(../images/impressum.png);
  height : 720px;
}

/*------------------------------------------------------------------------------
  footer
------------------------------------------------------------------------------*/
#footer {
  height : 50px;
  position : relative;
  width : 782px;
}
#footer ul {
  list-style : none;
}

#footer ul li {
  float: left;
  height: 50px;
  text-indent: -2000px;
}
#footer ul li:hover {
  cursor: pointer;
}

#footer ul li.youtube {
  background : url(images/footer.jpg) 0px 0px no-repeat;
  width : 391px;
}
#footer ul li.youtube:hover {
  background : url(images/footer.jpg) 0px -50px no-repeat;
}
#footer ul li.youtube a {
  display : block;
  height : 50px;
  width : 391px;
}

#footer ul li.facebook {
  background : url(images/footer.jpg) -391px 0px no-repeat;
  width : 391px;
}
#footer ul li.facebook:hover {
  background : url(images/footer.jpg) -391px -50px no-repeat;
}
#footer ul li.facebook a {
  display : block;
  height : 50px;
  width : 391px;
}

/*------------------------------------------------------------------------------
  impressum
------------------------------------------------------------------------------*/
#impressum {
  background : url(images/impressum.jpg) 0px 0px no-repeat;
  height : 20px;
  position : relative;
  width : 782px;
}

#impressum a {
  display : block;
  height : 20px;
  width : 782px;
  text-indent: -2000px;
}