/* CSS Stylesheet WebSolutions*/
/* Farben:*/
/* blue:#f0f8ff*/
/* grey:#e0e0e0*/
/* lightgrey:##f7f3f3;*/
/* darkgrey:#666*/
/* grey:#333*/
* {
    margin: 0;
    padding: 0;
  }
body {
    margin:0px auto;
    background-color:#fff;
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, "Sans-Serif";
    width:100%;
    height:100%;
    font-size:80%;
    }
#wrapper {
    background-color:#f0f8ff;
    margin:0;
    width:1024px;
    }
#grafik {
    text-align:center;
    }
/******* ELEMENTS *******/
p {
    font-size:1em;
    margin:0 0 5px 0;
    }
h1,h2,h3,h4 {
    clear:both;
    }
h1  {
    display:block;
    background: url(line.gif) bottom center no-repeat;
    padding:1px;
    font-family:Arial, sans-serif;
    font-size:2em;
    font-weight:normal;
    color:#666;
    margin:40px 0 20px 0;
  }
h2  {
    font-size:1.5em;
    font-weight:normal;
    margin:12px 0 3px 0;
    }
h3  {
    font-size:1.2em;
    font-weight:normal;
    color:#3cb371;
    margin-bottom:0px;
    }
dl {
    float:left;
    width:100%;
    }
dd {
    font-size:0.8em;
    margin-top:7px;
    }
img { border:none;
    }
table {
    margin:20px 0;
    }
/******* CLASSES *******/
.space {
    margin:55px 0px;
    }
.right  {
    float:right;
    }
.left  {
    float:left;
    }
.center {
    text-align:center;
    margin:0px auto;
    }
.clear {
    clear:both;
    }
.indent {
    list-style-type:none;
    }
.skip, .hide  {
     display:none;
     }
.box {
    border:#333333 1px solid;
    padding:10px;
    }
.border {
    border:#333333 1px solid;
    }
.pagenavi {
     display:block;
     background: url(line.gif) top center no-repeat;
     text-align:center;
     font-size:0.8em;
     padding:5px 0px;
     margin:30px 0;
     vertical-align:bottom;
     }
/******* NAVIGATION *******/
ul.menu {
  text-align:left;
  margin:20px 10px 50px 10px;
  padding:6px 0px;
  width:100%;
  height:20px;
  }
* html ul.menu {  /* Korrektur fuer IE 5.x */
  margin-top:10px;
  }
ul.menu li {
  list-style-type:none;
  text-align:left;
  display:block;
  margin:0 5px;
  margin-bottom:10px;
  }
ul.menu a.navi, a.current {
  float:left;
  font:bold 1.3em Arial, Helvetica, "Sans-serif";
  margin:0;
  color:#666;
  background: url(pics/klebestreifen.png) top center no-repeat;
  text-decoration:none;
  padding:6px 20px;
  width:110px;
  }
ul.menu a.navi:hover, a.navi:active, a.navi:focus {
  color:#333;
  margin:0;
  padding:6px 20px;
  background: url(pics/klebestreifen-hover.png) top center no-repeat;
  }
ul.menu a.current {
  color:#666;
  background: url(pics/klebestreifen-current.png) top center no-repeat;
  }
ul.menu div {
  clear: left;
  }
a {
  text-decoration:none;
  }
/******* CONTENT *******/
#content {
    float:left;
    width:60%;
    font-size:1em;
    font-family:Arial, sans-serif;
    color:#333;
    background-color:#f7f3f3;
    padding:10px;
    margin:10px;
    margin-bottom:5px;
    }
#home, #portfolio, #about, #projekte, #contact, #impressum {
    height:768px;
    padding:0 80px 0 120px;
    }
p.home {
    color:#666;
    text-transform:uppercase;
    font-size:150%;
    line-height:1.8em;
    letter-spacing:-0.01em;
    width:90%;
    }
img.home {
    margin-bottom:-5px;
    }
a.link#home, a.link#portfolio, a.link#about, a.link#projekte, a.link#contact, a.link#impressum {
    clear:both;
    text-decoration:none;
    color:#1e90ff;
    }
a.ext:before {
     content: url(pics/extlink.gif);
     vertical-align:bottom;
     margin-right:2px;
     }
#content img.right {
    float:right;
    margin:7px;
    }
#content a.link:hover, a.link:active {
    color:#00008b;
    }
#projekte {
     margin-bottom:30px;
     }
#projekte dl {
     float:left;
     padding:4px;
     width:180px;
     margin-bottom:15px;
     }
#projekte dd {
     font-size:0.8em;
     padding:0 10px;
     }
#projekte dt {
     border:0px solid #eee;
     border-bottom:0px solid #aaa;
     padding:5px 10px 1px 10px;
     }
ul.text {
     margin:10px 15px;
     font-size:1.3em;
     }
#columnleft, #columnmid, #columnright{
     float:left;
     padding:20px;
     width:210px;
     margin-bottom:15px;
    }
/******* FOOTER *******/
#footer {
    clear:both;
    vertical-align:bottom;
    text-align:center;
    font-family:Arial, sans-serif;
    font-size:1em;
    color:#333;
    margin-top:20px;
    }
#footer a {
    color:#333;
    text-decoration:none;
    text-align:right;
    }
#footer a:hover, a:active, a:focus {
    color:#666;
    }