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



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

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

body{
  background:#fff url(http://www.nicetouch.de/img/body_background.gif) repeat-y;
}

a, a:visited{
  color:#5bb5b5;
}

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

h1{
  text-indent:-9999px;
}

h2{
  font:14px Verdana, Helvetiva, Sans-Serif;
  margin:8px 0 0 10px;
}

h3{
  font:normal 16px Arial, Helvetica, Sans-Serif;
  text-align:center;
  word-spacing:0.2em;
  color:#fff;
  background:#5bb5b5 url(http://www.nicetouch.de/img/h3_background.gif) no-repeat bottom left;
  margin-bottom:15px;
  padding:6px 0 6px 0;
  clear:both;
}

h4{
  font:bold 13px/14px Arial, Helvetica, Sans-Serif;
  color:#5bb5b5;
  margin:0 10px 10px 0;
}

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

address{
  font:13px/18px Arial, Helvetica, Sans-Serif;
  color:#666;
  margin:0 0 15px 10px;
}

strong{
  font-weight:bold;
}

#branding{
  position:fixed;
  height:350px;
  width:235px;
  background:url(http://www.nicetouch.de/img/fuesse.jpg) no-repeat;
  padding-top:25px;
}

#logo{
  position:relative;
  left:242px;
}


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

#navigation{
  position:fixed;
  top:165px;
  left:255px;
  width:170px;
}

#navigation ul{
  list-style-type:none;
  margin:0;
  padding:0;
}

#navigation li a, #navigation li a:visited{
  height:28px;
  width:180px;
  text-decoration:none;
  background:url(http://www.nicetouch.de/img/li_background.gif) no-repeat bottom left;
  color:#666;
  display:block;
}

#navigation li a:focus:hover, #navigation li a:hover{
  font-weight:bold;
  color:#5bb5b5;
}

#on{
  font-weight:bold;
  color:#5bb5b5;
}


/* ##### Formatierungen des Inhaltsbereiches ##### */

#inhalt{
  position:absolute;
  top:30px;
  left:490px;
  width:400px;
  background-color:#fff;
  padding-bottom:30px;
}

.liste{
  font:13px/16px Arial, Helvetica, Sans-Serif;
  color:#666;
  list-style-type:disc;
  margin:0 0 15px 25px;
}

.preis{
  width:80px;
  font-weight:bold;
  color:#666;
  text-align:right;
}

.datum{
  position:absolute;
  left:150px;
}

.foto{
  border-top:3px double #eee;
  border-right:3px solid #aaa;
  border-bottom:3px solid #aaa;
  border-left:3px double #eee;
  margin:15px 0 0 32px;
  float:left;
}

#portraet{
  margin:2px 15px 0 0;
  float:right;
}

.zusatz{
  font:14px/18px Arial, Helvetica, Sans-Serif;
  display:block;
}

.angebote{
  width:380px;
  margin:0 0 15px 10px;
  font:13px/16px Arial, Helvetica, Sans-Serif;
  color:#666;
}

.angebote td{
  vertical-align:top;
}