
/*------------------- CSS RESET ---------------------

---------------------------------------------------*/

* {

padding: 0;

margin: 0;
}



ul,

ol {

list-style: none;

}



b,

strong {

font-weight: bold;

}



img,

a img {

border: none;

}



/*------------------- CONTAINER ---------------------

---------------------------------------------------*/



#container {

background:#D9CCBF;

width:100%;

height:100%;

}



body {

background: #D9CCBF;

width:100%;

height:100%;

font-family:arial;

}



/*------------------- CONTENT ---------------------

---------------------------------------------------*/



#content {

background: #FFF;

width:878px;


padding:0px;

margin:20px;

text-align:left;

font-family : Arial,  sans-serif;
}





/*------------------- HEADER ---------------------

---------------------------------------------------*/



#header {

background: #fff;
width:878px;
height:69px;

}


/*------------------- NAVIGATION ---------------------

---------------------------------------------------*/



#navigation {

width:878px;

padding:0px 0 0px 0px;

}

#block1 {
width:156px;
height:153px;
padding:0;
float:left;
}


a.block1 {
display:block;
width:156px;
height:153px;
background-image:url(bild/blanko-nav1-kontakt.png);
text-decoration:none;
}

a.block1:hover {
background-image:url(bild/nav1-kontakt.png);
}


#block2 {
width:98px;
height:153px;
padding:0 0 0 0;
float:left;
}

a.block2 {
display:block;
width:98px;
height:153px;
background-image:url(bild/blanko-nav2-profil.png);
text-decoration:none;
}

a.block2:hover {
background-image:url(bild/nav2-profil.png);
}

#block3 {
width:19px;
height:153px;
padding:0 0 0 0;
background-image:url(bild/blanko-nav3-orange.png);
float:left;
}




#block4 {
width:61px;
height:153px;
padding:0 0 0 0;
float:left;
}

a.block4 {
display:block;
width:61px;
height:153px;
background-image:url(bild/blanko-nav4-angebot.png);
text-decoration:none;
}

a.block4:hover {
background-image:url(bild/nav4-angebot.png);
}


#block5 {
width:106px;
height:153px;
padding:0 0 0 0;
float:left;
}

a.block5 {
display:block;
width:106px;
height:153px;
text-decoration:none;
background-image:url(bild/blanko-nav5-cd.png);
}

a.block5:hover {
background-image:url(bild/nav5-cd.png);
}


#block6 {
width:99px;
height:153px;
padding:0 0 0 0;
float:left;
}

a.block6 {
display:block;
width:99px;
height:153px;
text-decoration:none;
background-image:url(bild/blanko-nav6-referenzen.png);
}

a.block6:hover {
background-image:url(bild/nav6-referenzen.png);
}


#block7 {
width:46px;
height:153px;
padding:0 0 0 0;
background-image:url(bild/blanko-nav7-leer.png);
float:left;
}


#block8 {
width:81px;
height:153px;
padding:0 0 0 0;
float:left;
}

a.block8 {
display:block;
width:81px;
height:153px;
text-decoration:none;
background-image:url(bild/blanko-nav8-start.png);
}

a.block8:hover {
background-image:url(bild/nav8-start.png);
}


#block9 {
width:212px;
height:153px;
padding:0 0 0 0;
background-image:url(bild/block9-start.png);
float:left;
}






/*------------------- INHALT_TOP ---------------------

---------------------------------------------------*/



#inhalt_top {

background-image:url(bild/ueberschrift-start.png);
width:878px;
height:68px;
clear:both;
}
#inhalt_top1 {

background-image:url(bild/ueberschrift-kontakt.png);
width:878px;
height:68px;
clear:both;
}
#inhalt_top2 {

background-image:url(bild/ueberschrift-profil.png);
width:878px;
height:68px;
clear:both;
}
#inhalt_top4 {

background-image:url(bild/ueberschrift-angebot.png);
width:878px;
height:68px;
clear:both;
}
#inhalt_top5 {

background-image:url(bild/ueberschrift-cd.png);
width:878px;
height:68px;
clear:both;
}
#inhalt_top6 {

background-image:url(bild/ueberschrift-referenzen.png);
width:878px;
height:68px;
clear:both;
}



h1{
padding:25px 20px 10px 70px;
font-family:arial;
color:#ff0000;
font-size:20pt;
}

h2{

font-family:arial, sans-serif;
font-size:10pt;
font-height:16pt;
font-weight:900;

}



/*------------------- INHALT ---------------------

---------------------------------------------------*/



#inhalt {

background-image:url(bild/mitte-start.png);
background-repeat:repeat-y;
width:878px;
height:460px;
clear:both;
padding:0;
margin:0;
}
#inhalt1 {

background-image:url(bild/mitte-kontakt.png);
background-repeat:repeat-y;
width:878px;
height:460px;
clear:both;
padding:0;
margin:0;
}

#inhalt2 {

background-image:url(bild/mitte-profil.png);
background-repeat:repeat-y;
width:878px;
height:550px;
clear:both;
padding:0;
margin:0;
}
#inhalt4 {

background-image:url(bild/mitte-angebot.png);
background-repeat:repeat-y;
width:878px;
height:650px;
clear:both;
padding:0;
margin:0;
}
#inhalt5 {

background-image:url(bild/mitte-cd.png);
background-repeat:repeat-y;
width:878px;
height:760px;
clear:both;
padding:0;
margin:0;
}
#inhalt6 {

background-image:url(bild/mitte-referenzen.png);
background-repeat:repeat-y;
width:878px;
height:980px;
clear:both;
padding:0;
margin:0;
}

#text {
margin:30px 260px 20px 125px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color:#d36705;
font-size:10pt;
}

#text1 {
margin:30px 260px 20px 153px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color::#91951b;
font-size:10pt;
}

#text2 {
margin:30px 270px 50px 156px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color:#9b2c4d;
font-size:10pt;
}

#text4 {
margin:30px 300px 20px 145px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color:#b73805;
font-size:10pt;
}

#text5 {
margin:30px 260px 20px 145px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color:#cc4190;
font-size:10pt;
}


#text6 {
margin:30px 350px 20px 153px;
float:left;
font-family:arial, sans-serif;
line-height:16pt;
font-weight:500;
color:#cdb845;
font-size:10pt;
}


.kontakt {

font-family:arial, sans-serif;
color:#91951b;

}

.profil {

font-family:arial, sans-serif;
color:#9b2c4d;


}

.angebot {

font-family:arial, sans-serif;
color:#b73805;

}

.cd {

font-family:arial, sans-serif;
color:#cc4190;
}

.referenzen {
font-family: arial, sans-serif;
color:#cdb845;
}


a#start:link {
color:#d36705;
text-decoration:none;
}

a#start:hover {
color:#d36705;
text-decoration:underline;
}
a#start:active {
color:#d36705;
text-decoration:underline;
}

a#start:visited {
color:#d36705;
text-decoration:none;
}

a#angebot:link {
color:#B73805;
font-size:10pt;
text-decoration:none;
}
a#angebot:visited {
color:#B73805;
font-size:10pt;
text-decoration:none;
}
a#angebot:hover {
color:#B73805;
font-size:10pt;
text-decoration:underline;
}
a#angebot:active {
color:#B73805;
font-size:10pt;
text-decoration:underline;
}


a#ref:link {
color:#CDB845;
font-size:10pt;
text-decoration:none;
border:none;
}
a#ref:visited {
color:#CDB845;
font-size:10pt;
text-decoration:none;
border:none;
}
a#ref:hover {
color:#CDB845;
font-size:10pt;
text-decoration:underline;
border:none;
}
a#ref:active {
color:#CDB845;
font-size:10pt;
text-decoration:underline;
border:none;
}


a#kontakt:link {
color:#91951b;
text-decoration:none;
}

a#kontakt:hover {
color:#91951b;
text-decoration:underline;
}
a#kontakt:active {
color:#91951b;
text-decoration:underline;
}

a#kontakt:visited {
color:#91951b;
text-decoration:none;
}



.strt{
font-family:arial; sans-serif;
color:#d36705;
font-size:10pt;
vertical-align:top;
line-height:16pt;
margin-top:5px;
}

.strt1{
font-family:arial; sans-serif;
color:#91951b;
font-size:10pt;
vertical-align:top;
line-height:10pt;
margin-top:5px;
}

.strt2{
font-family:arial; sans-serif;
color:#9b2c4d;
font-size:10pt;
vertical-align:top;
line-height:14pt;
margin-top:5px;
}

.strt4{
font-family:arial; sans-serif;
color:#b73805;
font-size:10pt;
vertical-align:top;
line-height:14pt;
margin-top:5px;
}

.strt5{
font-family:arial; sans-serif;
color:#cc4190;
font-size:10pt;
vertical-align:top;
line-height:10pt;
margin-top:5px;
}

.strt6{
font-family:arial; sans-serif;
color:#cdb845;
font-size:10pt;
vertical-align:top;
line-height:14pt;
margin-top:5px;
}






/*------------------- FOOTER ---------------------

---------------------------------------------------*/



#footer {
clear:both;
background-image: url(bild/footer-start.png);
width:878px;
height:37px;
}
#footer1 {
clear:both;
background-image: url(bild/footer-kontakt.png);
width:878px;
height:37px;
}
#footer2 {
clear:both;
background-image: url(bild/footer-profil.png);
width:878px;
height:37px;
}
#footer4 {
clear:both;
background-image: url(bild/footer-angebot.png);
width:878px;
height:37px;
}
#footer5 {
clear:both;
background-image: url(bild/footer-cd.png);
width:878px;
height:37px;
}
#footer6 {
clear:both;
background-image: url(bild/footer-referenzen.png);
width:878px;
height:37px;
}


div.imp {
padding-left:614px;
padding-top:8px;
float-left;
}

a.imp {
font-family:arial;
color:#ffffff;
font-size:8pt;
text-decoration:none;
}
a.imp:hover {
font-family:arial;
color:#ffffff;
font-size:8pt;
text-decoration:underline;
}
