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



/* ##### Allgemeine Formatierungen ##### */

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

html{
  height:100.1%;
  background:#d7bfda url(../img/html_background.gif) repeat-x;
}

body{
  position:relative;
  width:750px;
  height:100.1%;
  min-height:590px;
  margin:0 auto;
  background:#d7bfda;
  font:13px Georgia, "Georgia Ref", "Times New Roman", Serif;
  color:#666;
}

a, a:visited{
  color:#666;
  text-decoration:underline;
}

a:hover, a:focus{
  color:#955e9f;
}

h1{
  position:absolute;
  left:325px;
  top:45px;
  font-size:16px;
  color:#955e9f;
}

p{
  position:absolute;
  left:328px;
  top:80px;
  width:395px;
  height:337px;
  font:12px/16px Georgia, "Georgia Ref", "Times New Roman", Serif;
  color:#666;
}

strong{
  color:#b68fbd;
  font-weight:normal;
  text-transform:uppercase;
}

#header{
  position:relative;
  width:760px;
  height:140px;
  background:#fff;
}

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

#content{
  position:relative;
  width:760px;
  height:450px;
  background:#fff url(../img/content_background.gif) 0 0 no-repeat;
}

#collage{
  position:absolute;
  left:30px;
  top:42px;
}

#floral{
  position:absolute;
  right:-170px;
  top:60px;
  width:180px;
  height:375px;
  background:#d7bfda url(../img/floral.gif) 0 0 no-repeat;
}

#resume{
  color:#955e9f;
}

#photo{
  margin:0 15px 0 0;
  float:left;
}


/* ##### Formatierungen Navigation ##### */

#navigation{
  position:absolute;
  right:30px;
  top:96px;
}

#navigation li{
  height:24px;
  display:inline;
}

#navigation li a{
  width:100%;
  height:100%;
  line-height:24px;
  padding:4px 10px 4px 10px;
  text-decoration:none;
}

#navigation li a:hover{
  background:#eee;
}

#aktiv{
  color:#fff;
  background:#b68fbd !important;
}