html {
}

body {
font-family: georgia, times, serif;
color: #313026;
background: #313026;
padding: 0;
margin: 0;
}

a {
outline: none;
}

img {
border: 0px solid white;
}

.content {
width: 856px;
margin-left: auto;
margin-right: auto;
border-left: transparent solid 41px;
border-right: transparent solid 41px;
padding-bottom: 48px;
}

.head {
width: 100%;
height: 144px;
background-color: #313026;
}

.headbox {
width: 933px;
margin-left: auto;
margin-right: auto;
}

.headbox img {
position: relative;
top: 30px;
border: 0px solid white;
height: 105px;
}


/* Portfolio */

.work {
color: white;
background-color: #313026;
width: 850px;
clear: right;
}

.work img {
border: 7px solid #ADAB8C;
}

.work .border-right {
width: 584px;
height: 100%;
}

.work .description {
font-size: 0.8em;
color: #ADAB8C;
width: 256px;
float: right;
}

.work .description h3 {
margin: 10px  0px  10px  2px ;
}

.work .description p {
margin-left: 3px;
width: 200px;
}

.work .description h2 {
margin: 6px  0px  0px  0px;
}


.navbox {
margin-top: 3px;
float: right;
width: 256px;
height: 32px;
background: #313026 url('../img/trenner.gif')  -8px 25px no-repeat;
}

.navbox a img{
border: 0px solid #fff;
}

.navbox a.btp {
float: right;
display: block;
height: 24px;
width: 78px;
background: url(../img/back-top-p.gif);
border: 0px solid white;
margin-right: 3px;
}

.navbox a.btp:hover {
background: url(../img/back-top-a.gif);
}


h1 {
margin-left: -1px;
margin-bottom: 0px;
}

p {
margin-top: 14px;
width: 600px;
}

.bodytext, .description {
line-height: 140%;
}


/* Links */ 
.bodytext a {
/* color: #313026; */
color: #3F3E37;
font-weight: normal;
font-size: 95%;
background-color: #fff;
text-decoration: none;
padding: 1px 3px 1px 3px;
}

.bodytext a:hover {
color: #00E6EE;
}

.description p a {
color: #313026;
font-weight: normal;
font-size: 95%;
background-color: #ADAB8C;
text-decoration: none;
padding: 1px 3px 1px 3px;
font-style: normal;
}


.description p a:hover {
/* color: #00E6EE; */
background-color: #00E6EE;
}

.description {
font-style: italic;
}
.description strong {
/* text-decoration: underline; */
font-weight: normal;
font-style: normal;
}


.abstand {
height: 200px;
}

#preload {
width: 1px;
height: 1px;
}
#preload img{
width: 1px;
height: 1px;
}

ul, li {
margin: 0;
padding: 0;
margin-left: 1px;
list-style-type: none;
}

ul {
margin-top: 10px;
margin-bottom: 25px;
}




/* Start Top */

.container-start {
width: 100%;
background: #313026 url(../img/background-start2.jpg) center top no-repeat;
padding-top: 24px;
}
.content-start, .content-portfolio, .content-leistungen, .content-arbeiten-start, .content-kontakt {
height: 500px;
width: 856px;
margin-left: auto;
margin-right: auto;
}

.container-start h1 {
}

/* /arbeiten (Portfolio) */
.content-portfolio { 
height: 100%;
padding-top: 24px;
}

.container-portfolio {
width: 100%; 
height: 100%;
background-color: #fff;
}

.content-portfolio p {
width: 100%;
}

.pre {
height: 100px;
}

.content-portfolio h1 {
margin-bottom: 25px;
}

img.port-sec {
position: relative;
top: 32px;
left: 330px;
height: 39px;
width: 161px;
}

/* Start Leistungen */
.content-leistungen {
}

.container-leistungen {
width: 100%;
/*  background: #8D8B6D; url(../img/background-color.jpg) center repeat-y; */
background: #C4C3A7;
padding-top: 24px;
}

.thumb-top img{
vertical-align: top;
}


/* Start Arbeiten */
.content-arbeiten-start {
position: relative;
left: 10px;
width: 876px;
height: 474px;
}
.container-arbeiten-start {
width: 100%;
background: #fff;
padding-top: 24px;
}
#thumbs {
margin-top: 50px;
}
#zum-portfolio {
position: absolute;
top: -110px;
left: 680px;
display: block;
z-index: 21;
background: url("../img/zum-portfolio-p.png");
}
#zum-portfolio:active, #zum-portfolio:focus, #zum-portfolio:hover {
background: url("../img/zum-portfolio-a.png");
}

/* Start Kontakt */
.container-kontakt {
padding-top: 20px;
width: 100%;
/* background: #8D8B6D url(../img/background-color.jpg) center repeat-y; */
background: #C4C3A7;
}

.content-kontakt {
width: 860px;
height: 500px;
}

#kontakt-rechts {
float: right;
width: 300px;
}
#kontakt-links {
width: 600px;
margin-top: 45px;
}
#zemContactForm {
}
.kontakt-labelimg {
margin-top: 3px;
margin-bottom: 6px;
}
.container-kontakt label {
visibility: hidden;
display: block;
position: relative;
top: -12px;
}
/* nav */

.invisible {
visibility: hidden;
font-size: 9px;
}

span .invisible a {
}

.navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	top: 30px;
}

.navigation a {
border: none;
text-decoration: none;
height: 12px;
}

.navigation li {
float: left;
margin-left: 5px;
height: 12px;
}

.nav-start {
	display:block; width: 37px; height: 12px;
	background-image: url(../img/nav-start-p.gif);

}
.nav-start:hover, .nav-start:active, .nav-start:focus, .nav-start-a  {
	display:block; width: 37px; height: 12px;
	background-image: url(../img/nav-start-a.gif);
}
.nav-leistungen {
	display:block; width: 74px; height: 12px;
	background-image: url(../img/nav-leistungen-p.gif);

}
.nav-leistungen:hover, .nav-leistungen:active, .nav-leistungen:focus, .nav-leistungen-a  {
	display:block; width: 74px; height: 12px;
	background-image: url(../img/nav-leistungen-a.gif);
}
.nav-arbeiten {
	display:block; width: 59px; height: 12px;
	background-image: url(../img/nav-arbeiten-p.gif);

}
.nav-arbeiten:hover, .nav-arbeiten:active, .nav-arbeiten:focus, .nav-arbeiten-a {
	display:block; width: 59px; height: 12px;
	background-image: url(../img/nav-arbeiten-a.gif);
}
.nav-kontakt {
	display:block; width: 58px; height: 12px;
	background-image: url(../img/nav-kontakt-p.gif);

}
.nav-kontakt:hover, .nav-kontakt:active, .nav-kontakt:focus, .nav-kontakt-a  {
	display:block; width: 58px; height: 12px;
	background-image: url(../img/nav-kontakt-a.gif);
}