* {
    margin:0;
    padding:0;
  }

/*forces scrollbars in browsers*/
html {height:100%; margin-bottom:1px;}

/***
controls Disappearing list background bug IE<7
***/
* html ul {position: relative}
* html ol {position: relative}
* html dl {position: relative}


/***Clearing per overflow***/

* html .clear{
  height: 1%; /*for old IE*/
}

.clear {
  overflow: hidden;
}

/***Clearing per content***/

.clearfix:after{
  content: "." ;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix{
  display:inline-block;
}

* html . clearfix{
  height:1%;
}

/***Content Angaben allgemein***/
  img{
    border:none;
  }

  ul {
    list-style-type: none;
  }

  a {
    text-decoration:none;
    color:white;
  }

table {border-collapse:collapse;}

body {
height:100%;
margin-bottom:1px;
margin: 0;
padding:0;
background-color:#333;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans serif;
font-size: 100.01%;
line-height: 1.5em;
color:white;
text-align:center;
}

#container{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  background-color:#1B1B1B;
  text-align:left;
  font-size: 81.25%;
}

body#zeichnungen #container{background-color:white;}


#balken-hellblau{
 width:100%;
 background-color: #0099FF;
 height:20px;
}

#balken-logo{
 width:100%;
 background-image: url(/site-img/riegraf-logo.gif);
 background-repeat:no-repeat;
 background-position: 25px 30px;
 background-color: #3F6DA1;
 height:80px;
}


#balken-logo h1{
  text-indent: -1000px;
  color:black;
  font-size:14px;
}

#navi{
  width:100%;
  background-image:url(/site-img/navi-backgr.gif);
  background-repeat:no-repeat;
  background-position:542px top;
}

body#zeichnungen #navi{
  background-image:url(/site-img/navi-backgr-white.gif);
  background-repeat:no-repeat;
  background-position:542px top;
}

#navi ul{
  height:27px;
  padding-left:560px;
  padding-top:3px;
}

#navi ul li{
  width:100px;
  display:inline;
  background-image:url(/site-img/pfeil.gif);
  background-position: left 3px;
  background-repeat:no-repeat;
  padding-left:16px;
  padding-right:20px;
}

#navi ul li a{
 color:white;
 font-weight:bold;
 font-family:Arial, Verdana, Helvetica, sans serif;
}

#content a:hover,
#navi ul li a:hover{
color:#FFFF99;
}


#content{
  width:915px;
  padding:60px 0 40px 45px;
}

#content p{margin-bottom:16px;}


body#zeichnungen #content,
body#oelbilder #content,
body#werkstatt #content
{
  width:915px;
  padding:60px 0 40px 20px;
}

#content h2{
  letter-spacing:1px;
}

  #img-container{
    overflow:hidden;
    padding: 60px 0 0 78px;
  }

  #start-text{
    margin-left: 525px;
    width:330px;
  }

  #arbeiten-text{
    width:880px;
  }

div.atelier-text{
    width:585px;
    text-align:right;
    padding:70px 0 0 285px;
}

body#impressum div#content p a,
div.atelier-text p a,
div#arbeiten-text p a
{
    padding-right:9px;
    background-image: url(/site-img/link-pfeil.gif);
    background-color:transparent;
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom:1px dotted #494949;
}

ul.gallerieliste{
margin-top:14px;
}

li.liste-gallerien{
float:left;
with:200px;
margin-right:20px;
font-size:10px;
}

li.liste-gallerien a{
display:block;
}

li.liste-gallerien a span{
font-family:Arial, Verdana, Helvetica, sans serif;
background-color:#2E2E2E;
text-align:center;
margin-top:2px;
display:block;
width:160px;
letter-spacing:1px;
}

table#bio td {padding:4px 0; vertical-align:top;border-bottom:1px dotted #494949;}

  #footer{
  clear:all;
  height: 24px;
  line-height: 24px;
  font-size:10px;
  background-color:#3F6DA1;
  text-align:center;
}