@charset "iso-8859-1";
* {
   margin:0;
   padding:0;
}


html {
   width:100%;
   heigth:100%;
   background:url(sitepix/hintergrund2.jpg) 0 0 repeat;

}

div#header {
   
   top:10px;
   position:relative;
   width:100%;
   min-width:900px;
   height:172px;
   background:url(sitepix/hintergrund_head.jpg) 0 0 no-repeat;
   background-color:#ffffff;
   
}

div#header2 {
   
   top:12px;
   position:relative;
   width:100%;
   min-width:900px;
   height:22px;
   background-color:#fe0003;
   
}

div#header h1 a {
   
   position:absolute;
   top:0px;
   left:0px;
   width:261px;
   height:172px;
   background:url(sitepix/button_head.jpg) 0 0 no-repeat;
   text-indent:-9999px;
   
}

div#header h2 a {

   float:right;
   width:159px;
   height:172px;
   background:url(sitepix/.jpg) 0 0 no-repeat;
   text-indent:-9999px;
   
}

div#contenthigr {

   top:14px;
   position:relative;
   width:100%;
   min-width:900px;
   background-color:#ffffff;
   
}

div#content {


   position:relative;
   width:95%;
   min-width:850px;
   margin:auto;
   min-height:442px;
   background-color:#ffffff;
   font-size:13px;
   line-height:150%;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
   color:#45463e;
   
   
}

div#content p {
   width:97%;
   text-align:justify;
   margin:auto;
}

div#content table {

   text-align:justify;
   font-size:13px;
   line-height:150%;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
   color:#45463e;

}

div#content a:link,
div#content a:visited {
   text-decoration:none;
   color:#45463e;
}

div#content a:hover,
div#content a:active {
   color:#000000;
   text-decoration:none;
}

ul#contentul {

   width:85%;
   text-align:justify;
   margin:auto;
}


ul#navi {

   position:absolute;
   top:0px;
   left:330px;
   color:#ffffff;
}


ul#navi li {

   float:left;
   list-style-type:none;
   text-indent:-9999px;
}

ul#navi li a {

   background:url(sitepix/button_head.jpg);
   background-repeat:no-repeat;
   height:172px;
   display:block;
}



ul#navi #fotodesign {
   width:135px;
   background-repeat:no-repeat;
   background-position:-330px 0;
}
ul#navi #fotodesign:hover {
   background-position:-325px -175px;
}
ul#navi #fotodesign:aktive {
   background-position:-320px -180px;
}


ul#navi #grafikdesign {
   width:135px;
   background-repeat:no-repeat;
   background-position:-465px 0;
}
ul#navi #grafikdesign:hover {
   background-position:-460px -175px;
}
ul#navi #grafikdesign:aktive {
   background-position:-455px -180px;
}


ul#navi #webdesign {
   width:135px;
   background-repeat:no-repeat;
   background-position:-600px 0;
}
ul#navi #webdesign:hover {
   background-position:-595px -175px;
}
ul#navi #webdesign:aktive {
   background-position:-590px -180px;
}


ul#navi2 {
   position:relative;
   float:right;
   top:0px;
   color:#ffffff;
}

ul#navi2 li {
   float:left;
   list-style-type:none;
   
}

ul#navi2 li a {
   padding:0 10px 0 35px;
   background:url(sitepix/button_navi2.jpg);
   background-repeat:no-repeat;
   font-size:14px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
   height:12px;
}

ul#navi2 li a:link,
ul#navi2 li a:visited {
   text-decoration:none;
   color:#ffffff
}

ul#navi2 li a:hover,
ul#navi2 li a:active {
   color:#45463e;;
   text-decoration:none;
}

ul#navi2 #kontakt {
   background-position:5px -47px;
}

ul#navi2 #impressum {
   background-position:5px -24px;
}

ul#navi2 #home {
   background-position:5px -2px;
}
