*{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
border:none;
}
body {
background:url(../img/bg.png) repeat-x #686868;
font-size: 12px;
}
a {
font-weight:bold;
color:#731e7b;
}
#box{
width: 900px;
margin: 0 auto;  /* Zentrierung */
text-align: left;
margin-left:100px;
}
#menue {
float:right;
width:432px;
border-top:5px solid #731e7b;
}
#middle {
margin:16px 0px 0px 14px;
}
#content {
border:30px solid #731e7b;
border-top:none;
width:800px;
background-color:white;
padding:8px;
text-align:justify;
}
#footer {
background-color:#000000;
height:36px;
width:856px;
margin-left:14px;
padding:10px;
text-align:right;
color:#999999;
}
#sub {
	padding-right:500px;
}
#footer a {
text-decoration:underline;
color:#999999;
font-weight:100;
}


#news,#leistungen,#referenzen,#projekte,#blog,#kontakt,#portrait {
background-position:0px 0px;
background-repeat:no-repeat;
display:block;
height:30px;
margin-left:24px;
}
a#news:hover,a#leistungen:hover,a#referenzen:hover,a#projekte:hover,a#blog:hover,a#kontakt:hover,a#portrait:hover {
background-position:0px -30px;
}
#news {
background:url(../img/tabs/news.png);
width:51px;
float:left;
margin-left:0px;
}
#leistungen {
background:url(../img/tabs/leistungen.png);
width:80px;
float:left;
margin-left:0px;
}
#referenzen {
background:url(../img/tabs/referenzen.png);
width:86px;
float:left;
}
#projekte {
background:url(../img/tabs/projekte.png);
width:68px;
float:left;
}
#blog {
background:url(../img/tabs/blog.png);
width:43px;
float:left;
}
#kontakt {
background:url(../img/tabs/kontakt.png);
width:64px;
float:left;

}
#portrait {
background:url(../img/tabs/portrait.png);
width:63px;
float:left;
}
span.highlight {
background-color:#ffeb2e;
}
h1 {
color:#731e7b;
font-size:19px;
font-weight:normal;
margin-bottom:3px;
}
.startbox {
float:left; 
text-align:justify; 
margin:30px 0px 0px 13px;
width:190px;
}
.startbox a.sub {
font-weight: normal;
display:block;
}
.startbox a.sub:hover {
	background:#E9E9E9;
}
.startbox a {
color:black;
text-decoration:none;
font-weight:100;
}

#firstbox {
margin-left:0px;
margin-top:30px;
}
h2 {
color:#731e7b;
font-size:16px;
font-weight:bold;
margin-bottom:3px;
}
.hometxt {
position:relative;
width:259px;
height:314px;
float:left; 
margin:30px 0px 0px 11px;
}
.hometxt img {
position:absolute;
bottom:0px;
z-index:1;
}
.hometxt div {
z-index:2;
position:absolute;
bottom:0px;
height:85px;
width:259px;
background:url(../img/transparent.png);
}
.hometxt div.inhalt {
z-index:3;
padding:3px;
display:block;
text-align:justify;
position:absolute;
bottom:0px;
height:99px;
width:253px;
}
.kontakt {
border:1px solid black;
padding:2px;
margin:3px 0px 0px 5px;
}
#makenet {
background:url(../img/doitnetway.png) no-repeat; 
height:129px;
}

#portraittxt p {
margin:10px 0px;
}
.kontaktbutton {
text-align:right;
margin-top:10px;
}

#rueckruf {
	float:left;
	margin:3px 0px 0px 5px;
	border:1px solid black;
	background:white;
}
#ruckruftxt {
margin:3px 20px 0px 0px;
width:320px;
float:right;
}
.refbild {
	float:left; 
	width:170px; 
	height:340px; 
	margin-left:5px; 
	margin-right:5px;
}
.refsnap {
	float:right;
	margin-top:5px;
	border:2px solid #731e7b;
}