body
{
font: normal 10px Verdana, sans-serif;
color: black; 
background-color: #ffffff;
margin:0;
padding:0
}

img {
border:0;
}

h1{
font-size:14px;
font-weight:bold;
color:#69300f;
}

h2{
font-size:11px;
margin-bottom:2px;
font-weight:bold;
color:#69300f;
}

a, a:visited 
{    
text-decoration: none;    
color: #4C4C4C;
font-size:10px;
}

a:hover
{    
text-decoration: none;    
color: #000;
font-size:10px;
}


#boxbg
{
position:absolute;
z-index:1;
left:50%;
margin-left:-492px;
top:50%;
margin-top:-300px;
width:994px;
height:610px;
border:0;
background-image:url(../images/bgimage_n.jpg);
background-repeat:no-repeat;
}




#boxstart
{
position:absolute;
z-index:2;
left:50%;
margin-left:-492px;
top:50%;
margin-top:-300px;
width:984px;
height:600px;
border:0;

}

#box
{
position:absolute;
z-index:2;
left:50%;
margin-left:-492px;
top:50%;
margin-top:-300px;
width:984px;
height:600px;
border-top:1px #f1f1f1 solid;
border-left:1px #f1f1f1 solid;

}


#content
{
width:744px;
height:395px;
border:0;
}

#menustern1 {
position:absolute;
top:85px;
left:200px;
width:27px;
height:27px;
border:0;
z-index:11;
}

#menustern2 {
position:absolute;
top:85px;
left:200px;
width:27px;
height:27px;
border:0;
z-index:10;
}



#menustart {
position:absolute;
top:360px;
left:520px;
border:0;
z-index:-1;
}

#menustart ul{
list-style:none;
z-index:-1;
}

#menustart li{
margin:1px 0;
z-index:-1;
}

#menustart a, #menustart a:visited 
{    
text-decoration: none;    
color: #999;
margin: 0px;
padding:0px;
border:0px;
z-index:-1;
}

#menustart a:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
z-index:-1;
}

#menustartaktiv a, #menustartaktiv a:visited 
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
z-index:-1;
}

#menustartaktiv a:hover
{    
text-decoration: none;    
color: #999;
margin: 0px;
padding:0px;
border:0px;
z-index:-1;
}

#menustart a.active
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
z-index:-1;
}


#menu {
position:absolute;
top:5px;
left:200px;
border:0;
}

#menu ul{
list-style:none;
}

#menu li{
margin:1px 0;
}

#menu a, #menu a:visited 
{    
text-decoration: none;    
color: #999;
margin: 0px;
padding:0px;
border:0px;
}

#menu a:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#menuaktiv a, #menuaktiv a:visited 
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#menuaktiv a:hover
{    
text-decoration: none;    
color: #999;
margin: 0px;
padding:0px;
border:0px;
}

#menu a.active
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}


#navi
{
background:#999;
margin:0;
padding:0;
border:0;
}

html>body #navi img /*nur fuer Internet Explorer */
{
margin-bottom:-2px;
padding:0;
border:0;
}

#navi img {   
  margin-bottom:0px;
  padding:0;
  border:0; 
}


#navi td
{
width:124px;
text-align:right;
color:#fff;
border-right:1px solid #fff; 
}

#navi td a { display:block; width:100%;margin: 0px;padding:0px;border:0px; }
#navi td a:hover { color:#fff; background-color:#616161;width:100%;margin: 0px;padding:0px;border:0px; }

#navi a, #navi a:visited 
{    
text-decoration: none;    
color: #fff;
margin: 0px;
padding:0px;
border:0px;
}

#navi a:hover
{    
text-decoration: none;    
color: #fff;
background-color:#616161;
margin: 0px;
padding:0px;
border:0px;
}

#naviunten {
font-size:9px;
color:#fff;
font-weight:bold;
}

#naviunten a, #naviunten a:visited 
{  
font-size:9px;  
text-decoration: none;    
color: #fff;
margin: 0px;
padding:0px;
border:0px;
font-weight:normal;
}

#naviunten a:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#jessica a, #jessica a:visited, #prasanna a, #prasanna a:visited
{  
font-size:10px;  
text-decoration: none;    
color: #999;
font-weight:normal;
margin: 0px;
padding:0px;
border:0px;
}

#jessica a:hover, #prasanna a:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#slogan {
position:absolute;
top:270px;
left:450px;
z-index:2;
font-size:12px;
color:#000;
font-weight:bold;
}

#slogan2 {
position:absolute;
top:90px;
left:460px;
z-index:2;
font-size:12px;
color:#000;
font-weight:bold;
}

#slogan3 {
position:absolute;
top:160px;
left:255px;
z-index:2;
font-size:12px;
color:#000;
font-weight:bold;
}

#slogan4 {
position:absolute;
top:395px;
left:55px;
z-index:2;
font-size:12px;
color:#000;
font-weight:bold;
}

#slogan5 {
position:absolute;
top:545px;
left:835px;
z-index:2;
font-size:12px;
color:#000;
font-weight:bold;
}

#textbio
{
position:absolute;
top:382px;
left:35px;
width:335px;
font-size:10px;
color:#000;
line-height:16px;
text-align:right;
padding:0px 25px 20px 0;
background-image:url(../images/bglady.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#textoffice
{
position:absolute;
top:120px;
left:460px;
width:400px;
font-size:10px;
color:#000;
line-height:16px;
text-align:left;
}

#textwelcome
{
position:absolute;
top:180px;
left:350px;
width:450px;
font-size:10px;
color:#000;
line-height:16px;
text-align:left;
}

#textleistungen
{
position:absolute;
top:180px;
left:55px;
width:450px;
font-size:10px;
color:#000;
line-height:16px;
text-align:left;
}

#textkunden
{
position:absolute;
top:300px;
left:530px;
width:500px;
font-size:10px;
color:#69300f;
line-height:16px;
font-weight:bold;
text-align:left;
}


#textkunden a, #textkunden a:visited 
{  
font-size:10px;  
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
font-weight:normal;
}

#textkunden a:hover
{    
text-decoration: none;    
color: #69300f;
margin: 0px;
padding:0px;
border:0px;
}

#textkontakt
{
position:absolute;
top:280px;
left:660px;
font-size:10px;
color:#000;
line-height:16px;
text-align:left;
}

#formular
{
position:absolute;
top:120px;
left:240px;
width:450px;
font-size:10px;
color:#000;
line-height:16px;
text-align:left;
}

html>body .listoffice /*nur fuer Internet Explorer */
{
margin-left:15px;
}



#anschrift
{
position:absolute;
top:430px;
left:820px;
font-size:9px;
color:#000;
line-height:14px;
text-align:left;
}

html>body .listoffice /*nur fuer Internet Explorer */
{
margin-left:15px;
}

.listoffice
{
padding-left:0px;
}

.rot
{
color:#ff0000;
}

#textbio1
{
position:absolute;
top:382px;
left:35px;
width:335px;
font-size:10px;
color:#000;
line-height:16px;
text-align:right;
padding:0px 25px 20px 0;
background-image:url(../images/bglady1.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#bio
{
position:absolute;
top:38px;
left:705px;
width:245px;
font-size:10px;
color:#000;
line-height:14px;
}

#copy
{
position:absolute;
top:390px;
left:175px;
width:245px;
font-size:14px;
font-weight:bold;
color:#69300f;
text-align:right;
line-height:20px;
padding:0px 38px 20px 0;
background-image:url(../images/bgladies.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#kunde
{
position:absolute;
top:0px;
left:240px;
width:245px;
height:178px;
font-size:9px;
color:#000;
line-height:14px;
border:0px #69300f solid;
}

#kundenimage
{
position:absolute;
top:0px;
left:0px;
width:245px;
height:143px;

}

#kundendates
{
position:absolute;
top:143px;
left:0px;
height:33px;
width:235px;
padding-left:10px;
font-size:10px;
color:#69300f;
border-top:1px #fff solid;
background-color:#ddd;
padding-top:5px
}

#project
{
position:absolute;
top:200px;
left:240px;
height:33px;
width:350px;
padding-top:2px;
font-size:10px;
color:#69300f;
}

#projectdescription
{
width:230px;
margin-right:15px;
color:#69300f;
float:left;
}

#projectmenu {
font-size:9px;
color:#69300f;
}

#projectmenu p{
margin:0
}

.braun {
color: #69300f;
}

.braunfett {
color: #69300f;
font-weight:bold;
}

.grau {
color: #999999;
}


#textbio h1
{
text-align:left;
font-size:10px;
color:#1d8eb8;
}

#lyr1 a, #lyr1 a:visited 
{  
font-size:10px;
font-weight:bold;
text-decoration: none;    
color: #69300f;
margin: 0px;
padding:0px;
border:0px;
}

#lyr1 a:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#lyr1 a.pdflink, #lyr1 a.pdflink:visited 
{  
font-size:10px;
font-weight:normal;
text-decoration: none;    
color: #69300f;
margin: 0px;
padding:0px;
border:0px;
}

#lyr1 a.pdflink:hover
{    
text-decoration: none;    
color: #000;
margin: 0px;
padding:0px;
border:0px;
}

#kundlist {float:left; margin:0 10px}

#kundlist a.kundactive {
	color: #69300f;
	font-weight:bold;
}

#footer {
	 position:absolute;
	 top:573px;
	 left:0;
	 width:984px;
	 height:26px;
	 /*background-color:#69300f;*/
	 background-color:#582f1e;
	 
}

#kpoint {
	float:left;
	color:#000;
}



/* sliding panel */
img {
border:none;
}



.panel {
position: absolute;
top: 50px;
right: 0px;
display: none;
border:0px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 840px;
height: auto;
padding: 80px 0px 0px 0px;
filter: alpha(opacity=90);
opacity: .90;
z-index:1;

}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #fff;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #774514;
text-decoration: none;
border-bottom: 0px solid #582f1e;
z-index:1;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 0px solid #ffffff;
z-index:1;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 60px;
font-weight: 700;
/* background:#1a5235 url(../images/plus.png) 10% 55% no-repeat; */
background:url(../images/bg_slide.png) 10% 55% no-repeat;
border:0px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
filter: alpha(opacity=90);
opacity: .90;
z-index:15;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 60px;
font-weight: 700;
/* background:#1a5235 url(../images/plus.png) 10% 55% no-repeat; */
background:url(../images/bg_slide.png) 10% 55% no-repeat;
border:0px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
filter: alpha(opacity=90);
opacity: .90;
z-index:15;
}

a.active.trigger {
/* background:#1a5235 url(../images/minus.png) 10% 55% no-repeat; */
background:url(../images/bg_slide_minus.png) 10% 55% no-repeat;
filter: alpha(opacity=90);
opacity: .90;
z-index:20;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

hr{
background-color: #333333;
height: 1px;
}