#container {
  width:960px;
  margin:0 auto;
  margin-top:30px;
}

body {
  background:white url(/images/background.jpg) repeat-x 0 0;
    color: #3e3e3e;
  font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-shadow: #fff 1px 1px 1px;
}

#header i,
#footer i,
#navigation li i {
  display:none;
}

#header {
  display:block;
  width:960px;
  height:259px;
  background:transparent url(/images/header/default.jpg) no-repeat 0 0;
}

#header.default {
  background:transparent url(/images/header/default.jpg) no-repeat 0 0 !important;
}

#header.index {
  background:transparent url(/images/header/index.jpg) no-repeat 0 0;
}

#header.work {
  background:transparent url(/images/header/work.jpg) no-repeat 0 0;
}

#header.references {
  background:transparent url(/images/header/references.jpg) no-repeat 0 0;
}

#header.compentence {
  background:transparent url(/images/header/compentence.jpg) no-repeat 0 0;
}

#header.bilder {
  background:transparent url(/images/header/bilder.jpg) no-repeat 0 0;
}

#header.jobs {
  background:transparent url(/images/header/jobs.jpg) no-repeat 0 0;
}

#header.about {
  background:transparent url(/images/header/about.jpg) no-repeat 0 0;
}

#header a {
  display:block;
  height:100%;
  width:100%;
}

#footer {
  margin-top:30px;
  height:100px;
  width:960px;
  background:transparent url(/images/footer.png) no-repeat 20px 0;  
}

#content {
  margin-top:20px;
  width:920px;
  padding-left:20px;
  padding-right:20px;
}

#side {
  width:200px;
  overflow: hidden;
	float: left;
	display: inline;
	height:100%;
  color: #402c2c;
  font: bold 10px/21px "Linotype Univers", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top:6px;
  text-shadow: #fff 1px 1px 1px;
 
}

#content ul {
  margin-bottom:20px;
}

#content ul li {
  margin-left:20px;
    list-style-position: outside;
  list-style-type: square;
}


#footer p {
  color:#402c2c;
  float:right;
  margin-top:20px;
  margin-right:40px;
  font: bold 10px/21px "Linotype Univers", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
}

#footer p a:visited,
#footer p a:link{
  color:#402c2c;
}

#footer p a:hover{
    text-decoration: underline;
}

p {
  margin-bottom: 18px;
}



a:visited,
a:link {
  text-decoration: none;
  color: #8b8b8b;
}

a.gui
  {
  color:#402c2c;
  font: bold 10px/21px "Linotype Univers", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
}

a.gui:hover {
    text-decoration: underline;
}


strong,
li.current a,
a:hover{
  color: #402c2c;

}

a:active {
  color: #8fa9b8;
}

#main {
	border-left: 1px solid #d4d0d0;
  padding-left:20px;
  padding-top:7px;  
  overflow: hidden;
	float: right;
	display: inline;
  width:680px;
  padding-bottom:60px;
}

p img.original {
  width:680px;
}



p img.thumbnail {
  padding:0px;
  margin:0px;
  border: 3px solid transparent;
}

p a:hover img.thumbnail {
  border:3px solid #93aab8;
}



#description {
  margin-bottom:15px;
}
#description p{
  margin-top:5px;
  margin-bottom:5px;  
}

.column.secondary {
  margin-left:80px;
}

#navigation {
  margin-top:1px;
  display:block;
  width:960px;
  height:48px;
  background: transparent url(/images/navigation.gif) no-repeat 0 0;
}

#navigation li {
  list-style-position: inside;
  list-style-image: none;
  list-style-type: none;
  float:left;
  display:block;
  height:48px;
  width:10px;
}

#navigation li a {
  display:block;
  height:100%;
  width:100%;  
}

#navigation li.competence {
  width:117px;
}

#navigation li.work {
  width:104px;
}


#navigation li.references {
  width:104px;
}

#navigation li.gallery {
  width:80px;
}


#navigation li.jobs {
  width:60px;
}

#navigation li.about {
  width:83px;
}

#navigation li.competence a.active,
#navigation li.competence a:hover{
  background: transparent url(/images/navigation.gif) no-repeat 0 -48px;
}

#navigation li.work a.active,
#navigation li.work a:hover {
  background: transparent url(/images/navigation.gif) no-repeat -117px -48px;
}

#navigation li.references a.active,
#navigation li.references a:hover{
  background: transparent url(/images/navigation.gif) no-repeat -221px -48px;;
}

#navigation li.gallery a.active,
#navigation li.gallery a:hover{
  background: transparent url(/images/navigation.gif) no-repeat -325px -48px;
}

#navigation li.jobs a.active,
#navigation li.jobs a:hover{
  background: transparent url(/images/navigation.gif) no-repeat -405px -48px;
}


#navigation li.about a.active,
#navigation li.about a:hover{
  background: transparent url(/images/navigation.gif) no-repeat -465px -48px;
}