body 
{
  background-image:url(../images/background.jpg);
  background-color:White;
  background-repeat:repeat-x;
}

#all
{
  position:absolute;
  width:987px;
  height:892px;
  left:50%;
  margin-left:-493px;
  top:0px;
  background-image:url(../images/background_content.jpg);
}

#all #content
{
  position:absolute;
  left:260px;
  top:321px;
  width:655px;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:20px;
  color:#555555;
}

#all #content a
{
  color:#86B742;
}

#all #content a:hover
{
  color:#b6e772;
}

#all #content input,textarea
{
  border:0;
  background-color:#eeeeee;
}

#all #content input.button
{
  border:1px solid #ccc;
}

#all #content h1
{
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  color:#86B742;
}

#all #content li
{
  margin:0px;
  padding:0px;
  margin-left:-20px;
}

#all #content #spaltensatz
{
  margin:0px;
  padding:0px;
  width:655px;
  float:left;
}

#all #content #spaltensatz #spalte1
{
 width:270px;
 float:left;
 display:block;
}

#all #content #spaltensatz #spalte2
{
  width:365px;
  float:right;
  display:block;
}

img
{
  border:0;
}

p.picright
{
  float:right;
  margin:0px;
  padding-top:3px;
  padding-left:20px;
  padding-bottom:1px;
  color:#888888;
  font-size:12px;
}

p.picleft
{
  float:left;
  margin:0px;
  padding-top:3px;
  padding-right:20px;
  padding-bottom:1px;
  color:#888888;
  font-size:12px;
}

#all #content #col1
{
  float:left;
  width:312px;
  line-height:18px;
}
#all #content #col2
{
  float:right;
  width:312px;
  line-height:18px;
}

#all #content #col1 ul
{
  margin-top:3px;
}

#all #content #col2 ul
{
  margin-top:3px;
}

#all #content #col1 li
{
  line-height:15px;
  list-style-image:url(../images/list-dot.gif);
}

#all #content #col2 li
{
  line-height:15px;
  list-style-image:url(../images/list-dot.gif);
}

#all #content #startbutton1
{
    background-image:url(../images/fotostudio_off.jpg);
    background-repeat:no-repeat;
    width:228px;
    height:55px;
    line-height:15px;
    float:left;
    padding-left:91px;
    padding-top:30px;
    margin-right:5px;
    margin-bottom:10px;
}

#all #content #startbutton1:hover
{
    background-image:url(../images/fotostudio_on.jpg);
}

#all #content #startbutton2
{
    background-image:url(../images/designbureau_off.jpg);
    background-repeat:no-repeat;
    width:228px;
    height:55px;
    line-height:15px;
    float:left;
    padding-left:91px;
    padding-top:30px;
    margin-bottom:10px;
}

#all #content #startbutton2:hover
{
    background-image:url(../images/designbureau_on.jpg);
}

p.picnone
{
  float:none;
  margin:0px;
  padding-top:3px;
  padding-left:20px;
  padding-bottom:1px;
  color:#888888;
  font-size:11px;
}

#all .bigimage
{
  position:absolute;
  left:0px;
  top:0px;
  width:655px;
  height:437px;
}

#all #thumbs
{
  position:absolute;
  left:0px;
  top:454px;
  height:30px;
  margin:0px;
  padding:0px;
  width:655px;
}

#all #thumbs .thumb
{
  width:30px;
  height:30px;
  margin:0px;
  margin-right:2px;
  float:left;
  background-color:#86B742;
  cursor:pointer
}

#all #thumbs .greendot
{
  width:30px;
  height:5px;
  line-height:0px;
  font-size:0px;
  margin:0px;
  margin-right:2px;
  background-color:#86B742;
}
 
#all #greenline
{
  position:absolute;
  left:0px;
  top:484px;
  height:5px;
  line-height:0px;
  font-size:0px;
  margin:0px;
  padding:0px;
  width:655px;
}

#all #navi0
{
  position:absolute;
  top:85px;
  left:730px;
  width:365px;
}

#all #navi0 .button
{
  float:left;
  width:80px;
  text-align:center;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:15px;
}

#all #navi0 a
{
  color:#86B742;
  text-decoration:none;
}

#all #navi2
{
  position:absolute;
  width:178px;
  top:316px;
  left:32px;
}

#all #navi2 ul
{
  margin:0px;
  padding:0px;
}

#all #navi2 li
{
  float:none;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size:14px;
  list-style-type:none;
  height:25px;
  padding-left:30px;
  padding-top:2px;
  background-image:url(../images/dots_grey.gif);
  background-repeat:no-repeat;
}

#all #navi2 a
{  
  font-weight:normal;
  color:#B1B3B4;
  text-decoration:none;
}

#all #navi2 a.selected
{  
  padding-left:14px;
  background-image:url(../images/dot_green.gif);
  background-repeat:no-repeat;
  color:#86b742;
}

#all #navi2 a.submenu
{
  padding-left:14px;
  background-repeat:no-repeat;
  color:#B1B3B4;
}

#all #navi2 a.subselected
{
  padding-left:14px;
  background-image:url(../images/dot_green_hollow.gif);
  background-repeat:no-repeat;
  color:#86b742;
}

#all #navi2 a:hover
{
  color:#86B742;
}

#all #navi1
{
  position:absolute;
  width:178px;
  top:155px;
  left:32px;
}

#all #navi1 ul
{
  margin:0px;
  padding:0px;
}

#all #navi1 li
{
  float:none;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  letter-spacing:1px;
  font-size:13px;
  list-style-type:none;
  height:30px;
  padding-left:30px;
  padding-bottom:2px;
  background-image:url(../images/dots_grey.gif);
  background-repeat:no-repeat;
}

#all #navi1 a
{  
  font-weight:normal;
  color:White;
  text-decoration:none;
}

#all #navi1 a.selected
{  
  padding-left:14px;
  background-image:url(../images/dot_white.gif);
  background-repeat:no-repeat;
}

#referenzen
{
  float:left;
}

#referenzen #refklammer
{ 
  width:650px;
  float:left;
  margin-bottom:20px;
}

#referenzen #refklammer #refpic
{
  width:230px;
  float:left;
}

#referenzen #refklammer #reftext
{
  width:400px;
  float:right;
}

#all #content .green
{
  color:#86B742;
}

#footer
{
  position:absolute;
  width:980px;
  left:50%;
  padding-top:7px;
  padding-bottom:7px;
  color:White;
  margin-left:-490px;
  top:892px;
  background-color:#86B742;
  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
  text-align:center;
  font-size:12px;
}

#footer a
{
    color:White;
    text-decoration:none;
}

hr
{
    border:0;
    border-top:solid 1px #eee;
}

#all #content a.startbutton
{
    color:#626262;
    text-decoration:none;
}
