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


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

body, h1, h2, p, a, ul, li, img{
  margin:0;
  padding:0;
  border:none;
  outline-style:none;
}


body{
  width:770px;
  background:#665951 url(../img/body_background.gif) repeat-x;
  margin:0 auto;
}

h1{
  font-size:16px;
  text-indent:-9999px;
}

h2{
  font:bold 14px Arial, Helvetica, Sans-Serif;
  color:#8f7030;
  margin:25px 20px 0 20px;
}

p{
  font:13px/16px Arial, Helvetica, Sans-Serif;
  color:#666;
  margin:10px 20px 0 20px;
}

a, a:visited{
  color:#8f7030;
}

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

ul{
  font:13px/16px Arial, Helvetica, Sans-Serif;
  color:#666;
  margin:6px 30px 0 40px;
}

li{
  list-style-type:circle;
}

strong{
  font-weight:bold;
}


/* ##### Formatierungen de DIVs ##### */

#wrapper{
  position:relative;
  height:560px;
  width:770px;
  background:#665951;
  margin:60px 0 0 0;
}

#branding{
  position:relative;
  height:30px;
  width:770px;
  background:transparent url(../img/branding_background.gif) no-repeat;
  float:left;
}

#foto{
  position:relative;
  height:490px;
  width:200px;
  background:#665951;
  border:5px solid #a4a4a4;
  margin:0 5px 0 0;
  float:left;
  overflow:hidden;
}

#content{
  position:relative;
  height:490px;
  width:380px;
  background:#fff;
  border:5px solid #a4a4a4;
  float:left;
  overflow:scroll;
}

#footer{
  position:relative;
  height:30px;
  width:760px;
  background:#665951;
  font:11px/30px Arial, Helvetica, Sans-Serif;
  color:#a4a4a4;
  text-align:right;
  clear:both;
}

a#impressum, a#impressum:visited{
  color:#a4a4a4;
}

a#impressum:focus, a#impressum:hover{
  color:#fff;
}


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

#navigation{
  position:relative;
  height:490px;
  width:150px;
  background:#665951 url(../img/navigation_background.jpg) repeat-x;
  border:5px solid #a4a4a4;
  margin:0 5px 0 0;
  float:left;
  overflow:hidden;
}

#navigation ul{
  font:italic bold 16px/30px Verdana, Arial, Sans-Serif;
  list-style-type:none;
  margin:310px 0 0 5px;
  padding:0;
}

#navigation li a, #navigation li a:visited{
  height:30px;
  width:140px;
  color:#473c1f;
  text-decoration:none;
  background:transparent url(../img/navigation_li_background.gif) bottom left no-repeat;
  display:block;
}

#navigation li a:focus:hover, #navigation li a:hover{
  padding-left:5px;
}

#navigation #on{
  color:#fff;
}