@import url(reset.css);

body {
    background:       #e4e4e4;
    font:             normal 11px/16px "Verdana", "Helvetica", "Arial", sans-serif;
    color:            #666666;
}

a {
    text-decoration:  none;
    color:            #666666;
}

strong {
    font-weight:      bold;
}

em {
    font-style:       italic;
}

a:hover {
    color:            #009cde;
}

h1 {
    height:           52px;
    width:            95%;
    text-indent:      -9999em;
    background:       no-repeat url(../images/head-typo.gif) bottom right;
}

h2 {
    clear:            both;
    font-weight:      normal;
}

#info h2 {
    font-weight: normal;
}

#nav, #single, #main {
	position: relative;
    left:      110px;
}

#info #main {
/*	border:           1px solid #ff0000;*/
	left:      30px;
    width:            340px;
    overflow:         auto;
}


#nav {
    position:         absolute;
    top:              30px;
    left:             110px;
}

#nav ul {
    float:            left;
    margin-bottom:    18px;
}

#nav li {
    float:            left;
    padding-right:    10px;
    background:       no-repeat url(../images/nav-divider.gif) center right;
    line-height:      20px;
}

#nav li.last {
    background:       none;
}

.navitem {
    display:          block;
    height:           29px;
    position:         relative;
}
.navitem span {
    position:         absolute;
    left:             -12000px;
}



.navitem-home {
    background:       no-repeat url(../images/navitem-home.gif) top right;
    width:            42px;
}
.navitem-home:hover, .current-item .navitem-home{
    background:       no-repeat url(../images/navitem-home.gif) bottom right;
}
.navitem-portfolio {
    background:       no-repeat url(../images/navitem-portfolio.gif) top right;
    width:            57px;
}
.navitem-portfolio:hover, .current-item .navitem-portfolio {
    background:       no-repeat url(../images/navitem-portfolio.gif) bottom right;
}
.navitem-vita {
    background:       no-repeat url(../images/navitem-vita.gif) top right;
    width:            33px;
}
.navitem-vita:hover, .current-item .navitem-vita {
    background:       no-repeat url(../images/navitem-vita.gif) bottom right;
}
.navitem-kontakt {
    background:       no-repeat url(../images/navitem-kontakt.gif) top right;
    width:            57px;
}
.navitem-kontakt:hover, .current-item .navitem-kontakt {
    background:       no-repeat url(../images/navitem-kontakt.gif) bottom right;
}
.navitem-referenzen {
    background:       no-repeat url(../images/navitem-referenzen.gif) top right;
    width:            68px;
}
.navitem-referenzen:hover, .current-item .navitem-referenzen {
    background:       no-repeat url(../images/navitem-referenzen.gif) bottom right;
}
.navitem-impressum {
    background:       no-repeat url(../images/navitem-impressum.gif) top right;
    width:            79px;
}
.navitem-impressum:hover, .current-item .navitem-impressum {
    background:       no-repeat url(../images/navitem-impressum.gif) bottom right;
}
.navitem-pdf {
    background:       no-repeat url(../images/navitem-pdf.gif) top right;
    width:            32px;
}
.navitem-pdf:hover, .current-item .navitem-pdf {
    background:       no-repeat url(../images/navitem-pdf.gif) bottom right;
}

#content {
    clear:            both;
    padding-top:       40px;
/*	width:            973px;*/
}

#gallery {
    float:            left;
    clear:            both;
}

#gallery, #gallery ol {
    list-style:       none;
    margin:           0;
    padding:          0;
}

#gallery li {
/*	border:           1px solid #ff0000;*/
    float:            left;
    position:         relative;
    clear:            both;
	margin-bottom:    30px;
	width:            100%;
}


#gallery li li {
    width:            auto;
    margin-bottom:    5px;
}

#gallery ol {
    padding-left:      110px;
}

#gallery ol li {
    clear:            none;
    float:            left;
}

#gallery ol li img {
    margin-right:     5px;
}

#gallery h3 {
   float:            left;
    position:         relative;
    top:              46px;
	left:5px;
    width:            100px;
    font-size:        10px;
    text-align:       right;
}

#gallery .over h3 {
    color:            #009cde;
}

#gallery img.over {
    border-color:     #009cde;
}

#single img {
    margin-bottom:    10px;
}

#single ul {
    position:         relative;
}

* HTML #singlenavi  {
		position:relative;
	    float: left;
}

#single li {
    float:            left;

}

#single{
       width:50%;
}

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

#single a:focus {
    outline:          none;
}

#single .name {
    width:            170px;
    height:           38px;
}

#single .up {
    padding-left:     10px;
    text-indent:      -999em;
    width:            67px;
    height:           38px;
    background:       no-repeat url(../images/imagenav-up.gif) top right;


}

#single .up:hover {
    background:       no-repeat url(../images/imagenav-up.gif) bottom right;
}

#single .info {
    text-indent:      -999em;
    width:            50px;
    height:           38px;
    background:       no-repeat url(../images/imagenav-info.gif) top right;
}

#single .info:hover {
    background:       no-repeat url(../images/imagenav-info.gif) bottom right;
}

#single .prev {
    text-indent:      -999em;
    width:            59px;
    height:           38px;
    background:       no-repeat url(../images/imagenav-prev.gif) top right;
}

#single .spacer {
    text-indent:      -999em;
    width:            59px;
    height:           38px;
    background:       no-repeat url(../images/imagenav-spacer.gif) top right;
}

#single .prev:hover {
    background:       no-repeat url(../images/imagenav-prev.gif) bottom right;
}

#single .next {
    text-indent:      -999em;
    width:            46px;
    height:           38px;
    background:       no-repeat url(../images/imagenav-next.gif) top right;
}

#single .next:hover {
    background:       no-repeat url(../images/imagenav-next.gif) bottom right;
}

#main {
    width:            630px;
}

#white, .text {
    padding:          30px;
    background-color: #ffffff;
    min-height:       460px;
}

#white img, .text img {
    /*margin-bottom:   15px;*/
}

#white .dots{
	height:2px;
	background: repeat-x url(../images/dots.gif) top left;
}

#info h1, #info #nav {
    display:          none;
}



#main h2 {
    font-size:        16px;
/*    font-weight:      bold;*/
    margin-bottom:    14px;
}

#main p {
    margin-bottom:    14px;
}

#numbering {
    clear:            both;
    float:            left;
    display:          block;
    background:       no-repeat url(../images/number_braketright.gif) center right;
    padding-right:    10px;
    margin-bottom:    10px;
}

#numbering ol {
    background:       no-repeat url(../images/number_braketleft.gif) center left;
    display:          block;
    float:            left;
    padding-left:     10px;
}

#all #numbering li {
    display:          block;
    width:            12px;
    height:           22px;
    text-indent:      -999em;
}

#numbering .slash {
    background:       no-repeat url(../images/number_slash.gif) center center;
}

#numbering .zero {
    background:       no-repeat url(../images/number0.gif) center center;
}

#numbering .one {
    background:       no-repeat url(../images/number1.gif) center center;
}

#numbering .two {
    background:       no-repeat url(../images/number2.gif) center center;
}

#numbering .three {
    background:       no-repeat url(../images/number3.gif) center center;
}

#numbering .four {
    background:       no-repeat url(../images/number4.gif) center center;
}

#numbering .five {
    background:       no-repeat url(../images/number5.gif) center center;
}

#numbering .six {
    background:       no-repeat url(../images/number6.gif) center center;
}

#numbering .seven {
    background:       no-repeat url(../images/number7.gif) center center;
}

#numbering .eight {
    background:       no-repeat url(../images/number8.gif) center center;
}

#numbering .nine {
    background:       no-repeat url(../images/number9.gif) center center;
}

#news li {
    padding-bottom: 10px;
    background:       repeat-x url(../images/dots.gif) bottom left;
    margin-bottom: 20px;
}