/* RALF WEBER grafik | design - www.ralfweber.biz */



/* ------------------- Elemente zurücksetzen -------------------- */

html, body, div, h1, h2, h3, p, a, ul, li, img{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  vertical-align:baseline;
  text-decoration:none;
  list-style:none;
}


/* ---------------- Formatierungen HTML Elemente ---------------- */

body{
  font:12px/17px Arial, Helvetica, "Trebuchet MS", sans-serif;
  color:#3e2314;
  background:#fbf7ea url(../img/body_background.gif) repeat-x 0 0;
}

h1{
  position:absolute;
  left:96px;
  top:397px;
  color:#3e2314;
  font-size:12px;
  letter-spacing:4px;
  word-spacing:1px;
  text-transform:uppercase;
  display:none;
}

h2{
  color:#3e2314;
  font-size:12px;
  letter-spacing:4px;
  word-spacing:1px;
  text-transform:uppercase;
  display:none;
}

h3{
  color:#3e2314;
  font-size:12px;
  font-weight:normal;
  margin:0 0 16px 0;
}

p{
  text-indent:13px;
  text-align:justify;
}

a, a:visited{
  color:#3e2314;
}

a:focus, a:hover{
  color:#afb120;
}

strong{
  font-weight:bold;
}


/* ------------------ Formatierungen Kopfbereich ---------------- */

#cs_header{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:130px;
  background:url(../img/header_background.gif) no-repeat 0 0;
}

#cs_logo{
  position:absolute;
  left:43px;
  top:9px;
}

#cs_sprache{
  position:absolute;
  left:0;
  top:105px;
  width:981px;
  height:17px;
  text-align:right;
}

#cs_sprache a, #cs_sprache a:visited{
  color:#3e2314;
  font-size:10px;
  letter-spacing:1px;
  text-transform:uppercase;
  margin:0 0 0 13px;
}

#cs_sprache a:focus, #cs_sprache a:hover{
  color:#fbf7ea;
}


/* ------------------ Formatierungen Navigation ----------------- */

#cs_navigation{
  position:absolute;
  left:294px;
  top:30px;
}

#cs_sub_01, #cs_sub_02{
  position:absolute;
  top:52px;
  display:none;
}

#cs_navigation li,
#cs_sub_01 li, #cs_sub_02 li{
  position:relative;
  font-weight:normal;
  display:inline;
}

#cs_navigation a, #cs_navigation a:visited,
#cs_sub_01 a, #cs_sub_02 a{
  color:#3e2314;
  margin:0 16px 0 0;
}

#cs_navigation a:focus, #cs_navigation a:hover,
#cs_sub_01 a:focus, #cs_sub_01 a:hover, #cs_sub_02 a:focus, #cs_sub_02 a:hover{
  color:#afb120;
}

#site_03_00 #cs_sub_01, #site_03_01 #cs_sub_01, #site_03_02 #cs_sub_01, #site_03_03 #cs_sub_01, #site_03_04 #cs_sub_01, #site_03_05 #cs_sub_01{
  left:414px;
  display:block;
}

#site_04_00 #cs_sub_02, #site_04_01 #cs_sub_02, #site_04_02 #cs_sub_02, #site_04_03 #cs_sub_02, #site_04_04 #cs_sub_02, #site_04_05 #cs_sub_02{
  left:541px;
  display:block;
}

#site_01_00 #navi_01_00,
#site_02_00 #navi_02_00,
#site_03_00 #navi_03_00, #site_03_01 #navi_03_01, #site_03_02 #navi_03_02, #site_03_03 #navi_03_03, #site_03_04 #navi_03_04, #site_03_05 #navi_03_05,
#site_03_01 #navi_03_00, #site_03_02 #navi_03_00, #site_03_03 #navi_03_00, #site_03_04 #navi_03_00, #site_03_05 #navi_03_00,
#site_04_00 #navi_04_00, #site_04_01 #navi_04_01, #site_04_02 #navi_04_02, #site_04_03 #navi_04_03, #site_04_04 #navi_04_04, #site_04_05 #navi_04_05,
#site_04_01 #navi_04_00, #site_04_02 #navi_04_00, #site_04_03 #navi_04_00, #site_04_04 #navi_04_00, #site_04_05 #navi_04_00,
#site_05_00 #navi_05_00,
#site_20_00 #navi_20_00,
#site_21_00 #navi_21_00{
  font-weight:bold;
}


/* ---------------- Formatierungen Inhaltsbereich --------------- */

#cs_content_00, #cs_content_01, #cs_content_02, #cs_content_03, #cs_content_04, #cs_content_05, #cs_content_20, #cs_content_21{
  position:absolute;
  left:0;
  top:130px;
  width:1120px;
  height:840px;
}

#cs_content_00{ background:url(../img/index_background.gif) no-repeat 0 0; }
#cs_content_01{ background:url(../img/home_background.gif) no-repeat 0 0; }
#cs_content_02{ background:url(../img/pollenca_background.gif) no-repeat 0 0; }
#cs_content_03{ background:url(../img/finca_can_sureda_background.gif) no-repeat 0 0; }
#cs_content_04{ background:url(../img/stiftung_background.gif) no-repeat 0 0; }
#cs_content_05{ background:url(../img/tonstudio_background.gif) no-repeat 0 0; }
#cs_content_20{ background:url(../img/kontakt_background.gif) no-repeat 0 0; }
#cs_content_21{ background:url(../img/impressum_background.gif) no-repeat 0 0; }

#cs_collage{
  margin:110px 0 0 97px;
}

#cs_headline{
  margin:44px 0 0 96px;
}

#cs_box_gross{
  width:820px;
  margin:110px 0 0 97px;
}

#cs_textbox_links{
  width:408px;
  margin:23px 0 70px 97px;
  display:inline;
  float:left;
}

#cs_textbox_rechts{
  width:408px;
  margin:23px 0 70px 14px;
  display:inline;
  float:left;
}

#cs_peter_maffay{
  float:left;
}

#cs_box_text{
  width:340px;
  float:right;
  margin:0 0 70px 0;
}

#cs_impressum{
  text-align:center;
  text-indent:0;
  margin:0 0 70px 0;
}

/* ---------------- Formatierungen Kontaktbereich --------------- */

#cs_can_sureda{
  text-indent:0;
  margin:160px 0 0 551px;
}

#cs_stiftung{
  text-indent:0;
  margin:64px 0 0 551px;
}

#cs_stiftung_de{
  text-indent:0;
  margin:48px 0 0 551px;
}

#cs_trencadora{
  text-indent:0;
  margin:62px 0 96px 551px;
}

.cs_abstand{
  line-height:25px;
}

#cs_anfahrt_01{
  position:absolute;
  left:148px;
  top:126px;
  width:246px;
  height:200px;
  text-align:right;
  z-index:10;
}

#cs_anfahrt_02{
  position:absolute;
  left:148px;
  top:352px;
  width:246px;
  height:200px;
  text-align:right;
  z-index:20;
}

#cs_anfahrt_01 img, #cs_anfahrt_02 img{
  display:block;
}


/* ---------------- Formatierungen Footerbereich ---------------- */

#cs_footer{
  position:absolute;
  left:389px;
  top:660px;
  width:246px;
  height:28px;
  text-align:center;
  border-top:1px solid #3e2314;
  clear:both;
}

#cs_footer a, #cs_footer a:visited{
  color:#3e2314;
  font-size:11px;
  line-height:24px;
  margin:0 12px 0 14px;
}

#cs_footer a:focus, #cs_footer a:hover{
  color:#afb120;
}


/* ----------------- Formatierungen Indexseite ------------------ */

#cs_deutsch{
  position:absolute;
  left:386px;
  top:242px;
}

#cs_englisch{
  position:absolute;
  left:483px;
  top:270px;
}

#cs_catalan{
  position:absolute;
  left:321px;
  top:291px;
}

#cs_back{
  position:absolute;
  display:none;
}