/*-- ALLGEMEINES --------------------------------------*/
html { 
margin: 0;
padding: 0; }

body { 
margin: 0;
padding: 0;
font: x-small Verdana, Arial, Helvetica, sans-serif;
color: #2f2e2c; }

form { 
margin: 0;
padding: 0; }

#preloader {
height: 0;
width: 0;
display: none; }

.unsichtbar {
display: none; }

/*-- FORMULAR -----------------------------------------*/
.checkbox {
border: 0; }

input, textarea {
border: solid 1px #a0b894;
background-color: #ffffff; }

.button {
border: 0;
background: transparent url(../images/pfeil.gif) no-repeat 1px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #2f2e2c; }

/*-- LISTE --------------------------------------------*/
ul.liste {
list-style-image: url(../images/pfeil.gif);
padding: 0 0 0 13px;
margin: 0; }

/*-- TEXT ---------------------------------------------*/
.box h1 {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 6px 0;
padding: 0; }

.box p {
margin: 0 0 4px 0;
padding: 0; }

.box p.hplink {
padding: 0;
margin: 0; }

form p {
margin: 0 0 -5px 0; }

a:link {  color:#2f2e2c; text-decoration:underline  }
a:visited {  color:#2f2e2c; text-decoration:underline  }
a:hover {  color:#2f2e2c; text-decoration:none  }
a:active {  color:#2f2e2c; text-decoration:none  }
a:focus {  color:#2f2e2c; text-decoration:none  }

.nav_p a.active {
text-decoration: none;
color: #2f2e2c; }

.nav_p a.link {
color: #a5bfd0; }

/*-- LAYOUT -------------------------------------------*/
#page { 
width: 690px;
height: 550px;
position: absolute;
left: 50%;
margin-left: -352px;
background-repeat:no-repeat;
background-position:bottom; }

/*-- CONTENT ------------------------------------------*/
.box {
margin: 0;
padding: 0;
background: white;
position: absolute;
width: 225px;
right: 70px;
top: 58px; }

* .box {
width: 226px; }

.content {
margin: 1px 17px 1px 17px; }

img.head {
padding: 0;
margin: 0 0 4px -6px; }

.button_kreuz {
position: absolute;
bottom: -10px;
left: -11px;
float: left;
width: 25px;
height: 25px;
background: white; }

.button_kreuz b {
display: none; }

.button_kreuz a {
position: absolute;
left: 0;
bottom: 0;
display: block;
background: no-repeat;
width: 22px;
height: 22px; }

* html .button_kreuz a {
bottom: -1px; }

a#kreuz:link, a#kreuz:visited {
background-image: url(../images/button_kreuz_o.gif); }

a#kreuz:hover, a#kreuz:active, a#kreuz:focus {
background-image: url(../images/button_kreuz.gif); }

p.nav_p {
color: #a5bfd0;
padding-left: 10px;
background: url(../images/pfeil.gif) no-repeat center left; }

/*-- LOGO ---------------------------------------------*/
#logo {
width: 155px;
height: 41px;
bottom: 45px;
left: 40px;
position: absolute;
background: url(../images/logo.gif) no-repeat; }

#logo span {
display: none; }

#logo a {
display: block;
background: url(../images/logo.gif.jpg) no-repeat;
width: 155px;
height: 41px; }

/*-- FOOTER -------------------------------------------*/
#footer {
bottom: 0;
right: 43px;
position: absolute;
text-align:right;
vertical-align:bottom;
font-weight: normal; }

/*-- NAVIGATION ---------------------------------------*/
#nav b {
display: none; }

#nav {
	float: right;
height: 41px;
bottom: 45px;
right: 21px;
position: absolute;
border: 0;
clear:left;
list-style-type: none;
margin: 0;
padding: 0; }

#nav li {
padding: 0 0 0 0;
float: left;
width: 91px;
height: 41px; }

#nav li a {
display:block;
width: 91px;
height: 41px; }

a#home:link, a#home:visited {
background-image: url(../images/nav_home.gif); }
a#home:hover, a#home:active, a#home:focus, a#home_active {
background-image: url(../images/nav_home_o.gif); }

a#leistungen:link, a#leistungen:visited {
background-image: url(../images/nav_leistungen.gif); }
a#leistungen:hover, a#leistungen:active, a#leistungen:focus, a#leistungen_active {
background-image: url(../images/nav_leistungen_o.gif); }

a#portfolio:link, a#portfolio:visited  {
background-image: url(../images/nav_portfolio.gif); }
a#portfolio:hover, a#portfolio:active, a#portfolio:focus, a#portfolio_active {
background-image: url(../images/nav_portfolio_o.gif); }

a#kontakt:link, a#kontakt:visited  {
background-image: url(../images/nav_kontakt.gif);
width: 75px; }
a#kontakt:hover, a#kontakt:active, a#kontakt:focus, a#kontakt_active {
background: url(../images/nav_kontakt_o.gif) no-repeat;
width: 75px; }

a.infobox, a.infobox:link, a.infobox:active {
text-decoration:none; }

/*-- INFOBOX ------------------------------------------*/
a.infobox:hover {
cursor:help;
text-decoration:none; }

a.infobox span {
visibility:hidden; 
position:absolute; 
left:10px; 
top:40px; 
width:180px; 
height:31px;
background-image:url(../images/validation.gif); }

a.infobox:hover span { 
visibility:visible; }