/*
   ------------------------------------------
    RALF WEBER webdesign | www.ralfweber.biz
   ------------------------------------------
*/


/* -------------------- BROWSER zurücksetzen -------------------- */

html, body, div, class,
h1, h2, h3, h4, h5, h6,
p, blockquote, address, 
dl, dt, dd, ul, ol, li,
img, form, fieldset{
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
}

ul, ol{
  list-style:none;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

caption, th, td{
  font-weight:normal;
  text-align:left;
}

a:link, a:visited{
  color:#677077;
}

a:focus{
  outline:none;
  -moz-outline:none;
}

a:hover, a:active{
  color:#99bb22;
}

strong{
  font-weight:bold;
}


/* ------------------ HTML Elemente formatieren ----------------- */

html, body{
  height:101%;
  background:#f0f0f0 url(../img/body_hintergrund.gif) repeat-x 0 0;
  font:12px/18px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#677077;
}

h1{
  width:468px;
  height:35px;
  margin:0 0 30px 0;
  font:18px/28px "Lucida Sans", Lucida, Arial, Sans-Serif;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:0.5px;
  word-spacing:0,5px;
}

h2{
  margin:0 0 8px 0;
  font:bold 13px/17px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#99bb22;
}

h3{
  width:209px;
  height:26px;
  margin:0 0 10px 0;
  font:bold 13px/26px Arial, Lucida, "Lucida Sans", Sans-Serif;
  color:#677077;
  text-indent:15px;
}

p{
  margin:0 0 18px 0;
}

hr{
  height:1px;
  margin:0 0 18px 0;
  background:#ccc;
  color:#d2d2d2;
  border:0;
  clear:both;
}

table{
  margin:0 0 18px 0;
}

td{
  width:140px;
}

iframe{
  border:1px solid #ccc;
}


/* ------------------ DIV Elemente formatieren ------------------ */

#corporate_design{
  position:relative;
  width:990px;
  height:280px;
  background:transparent url(../img/corporate_design_hintergrund.gif) no-repeat 0 0;
}

#logo{
  position:absolute;
  left:30px;
  top:0;
}

#corporate_image{
  position:absolute;
  left:260px;
  top:20px;
  width:509px;
  height:219px;
  padding:11px 0 0 11px;
  background:transparent url(../img/corporate_image_hintergrund.gif) no-repeat 0 0;
}

#bildfolge{
  width:498px;
  height:208px;
  overflow:hidden;
}

#inhalte{
  position:relative;
  width:990px;
  background:transparent url(../img/inhalte_hintergrund.gif) repeat-y 0 0;
}

#hauptinhalt{
  width:468px;
  min-height:500px;
  margin:0 0 0 266px;
  padding:0 20px 30px 20px;
  background:transparent url(../img/hauptinhalt_hintergrund.jpg) no-repeat 0 0;
}

#nebeninhalt{
  position:absolute;
  right:0;
  top:34px;
  width:199px;
}

#adresse, #krankenkassen, #oeffnungszeiten, #nymphenburg{
  width:184px;
  padding:15px 0 15px 15px;
  background:transparent url(../img/nebeninhalt_hintergrund.gif) no-repeat 0 0;
}

#button{
  position:absolute;
  left:70px;
  top:-105px;
}

#optionen{
  position:absolute;
  left:0;
  top:34px;
  width:249px;
}

#facebook{
  position:relative;
  top:-46px;
  width:76px;
  height:65px;
  float:right;
}

#verlinkungen{
  position:relative;
  width:100%;
  height:90px;
  background:#b4bbc4 url(../img/verlinkungen_hintergrund.gif) no-repeat 0 0;
}

#footerlinks{
  position:absolute;
  left:240px;
  top:40px;
  width:558px;
  color:#fff;
  text-align:center;
}

#footerlinks a:link, #footerlinks a:visited{
  color:#fff;
  text-decoration:none;
}

#footerlinks a:hover, #footerlinks a:active{
  text-decoration:underline;
}

#bookmarks{
  position:absolute;
  left:22px;
  top:36px;
  width:140px;
  height:24px;
  color:#fff;
}

#bookmarks img{
  margin:0 2px 0 0;
  border:1px solid #fff;
}

#rundgang_01{
  position:relative;
  width:468px;
  height:220px;
  background:transparent url(../img/rundgang_01.gif) no-repeat 0 0;
  overflow:hidden;
}

#rundgang_02{
  position:relative;
  width:468px;
  height:350px;
  background:transparent url(../img/rundgang_02.gif) no-repeat 0 0;
  overflow:hidden;
}

#raum_01{position:absolute; left:192px; top:70px;}
#raum_02{position:absolute; left:28px; top:104px;}
#raum_03{position:absolute; left:105px; top:142px;}
#raum_04{position:absolute; left:300px; top:142px;}
#raum_05{position:absolute; left:370px; top:142px;}
#raum_06{position:absolute; left:440px; top:142px;}
#raum_07{position:absolute; left:280px; top:106px;}
#raum_08{position:absolute; left:232px; top:80px;}
#raum_09{position:absolute; left:185px; top:142px;}

#raum_20{position:absolute; left:122px; top:115px;}
#raum_21{position:absolute; left:205px; top:105px;}
#raum_22{position:absolute; left:328px; top:115px;}
#raum_23{position:absolute; left:250px; top:165px;}

#preview{
  position:absolute;
  border:1px solid #ccc;
  background:#fff;
  padding:8px;
  display:none;
  color:#fff;
  z-index:100;
}


/* ----------------- CLASS Elemente formatieren ----------------- */

.org{
  font-size:13px;
  font-weight:bold;
  color:#88b9c9;
  text-transform:uppercase;
}

.subline{
  color:#99bb22;
}

.icon{
  font-size:13px;
  color:#88b9c9;
}

.liste_normal{
  position:relative;
  top:-18px;
  margin:0 0 0 20px;
  list-style-type:circle;
}

.liste{
  margin:0 0 18px 20px;
  list-style-type:circle;
}

.liste li{
  margin:0 0 5px 0;
}

.liste a{
  text-decoration:none;
}

.liste li ul{
  margin:0 0 0 20px;
  list-style-image:url(../img/haken.gif);
}

.photo_left{
  margin:0 20px 20px 0;
  border:1px solid #ccc;
  float:left;
}

.partner{
  width:136px;
  /* background:#eee; */
  margin:0 18px 18px 0;
  float:left;
}

.partner img{
  border:1px solid #ccc;
}


/* ------------------- NAVIGATION formatieren ------------------- */

#navigation{
  height:300px;
}

#navigation li{
  position:relative;
  width:249px;
  height:26px;
  float:left;
}

#navigation li ul{
  position:absolute;
  left:249px;
  top:0;
  display:none;
  z-index:20;
}

#navigation li:hover ul{
  display:block;
}

#navigation li a, #navigation li a:visited{
  width:249px;
  height:26px;
  background:transparent url(../img/navigation_li_hintergrund.gif) no-repeat 0 0;
  font:13px/26px Arial, Lucida, "Lucida Sans", Sans-Serif;
  text-indent:35px;
  text-decoration:none;
  display:block;
}

#navigation li ul li a:link, #navigation li ul li a:visited{
  background:transparent url(../img/navigation_li_hintergrund.gif) no-repeat -747px 0;
}


#navigation li a:hover, #navigation li a:active,
#navigation li ul li a:hover, #navigation li ul li a:active{
  background:transparent url(../img/navigation_li_hintergrund.gif) no-repeat -249px 0;
  color:#677077;
}


/* ------------------ SUBNAVIGATION formatieren ----------------- */

#nebennavigation{
  position:absolute;
  left:805px;
  top:115px;
  width:170px;
  height:70px;
}

#nebennavigation a:link, #nebennavigation a:visited{
  text-decoration:none;
}

/* ----------------- KONTAKTFORMULAR formatieren ---------------- */

/* -------------------- NEWSLETTER formatieren ------------------ */

#newsletter{
  width:209px;
  margin:40px 0 0 0;
  padding:0 20px 20px 20px;
  background:#e8e8e8 url(../img/navigation_li_hintergrund.gif) no-repeat -747px 0;
  clear:both;
}

#textfeld{
  width:140px;
  height:18px;
  background:#fff;
  border:1px solid #aaa;
}

.submit{
  width:45px;
  height:22px;
}

.klein{
  margin:7px 0 0 0;
  font-size:12px;
}