/* css für ConDesign  */

body {
text-align:center;
background-color:#C0D1E6;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}
a { text-decoration: none; outline: none;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
text-align:center;
font-size:14px;
font-weight: bold;
padding: 20px 10px;
margin:0px;}

h3 {
text-align:center;
font-size:14px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h4 {
text-align:center;
font-size:10px;
font-weight:normal;
font-style:kursiv;
padding: 10px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
text-align: left;
width: 750px;
height:430px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
text-align: center;
background-color:#7CA7DB;
padding: 0px;
margin: 0px;

}
#banner img {padding:0px;}

/* ----------platzhalter----------------- */


#header {

padding:0px;
margin:0px;
text-align: center;
background:#7CA7DB;
height:50px;
 }

/* ----------Navi----------------- */
#navi {
   text-align:right;
   color: black;
   background:transparent;
   padding: 7px 7px 0px 10px;
   height:20px;
   width:738px;
   border-left:2px solid #7CA7DB;

}

#navi ul {
      margin: 0;
   }
#navi li {
      background:transparent;
      display: inline;
      list-style-type: none;
      margin:0px ;


   }
#navi a {
      color: black;

      background-color:#CAD8E5;
      padding: 4px 4px 4px 4px;
      border: 1px solid #fff;
      border-left:2px solid #fff;
      border-right:2px solid #fff;
   }
#navi #letzt a{
border-right:2px solid #7CA7DB;
}

#navi a:hover,
#navi a:focus

    {
      color:#fff;
      background-color:#5079A1;
       border-bottom:2px solid #5079A1;
   }

 #home #navi01 a,
 #leistungen #navi02 a,
 #angebote #navi03 a,
 #referenzen #navi04 a,
 #kontakt #letzt a
 {
      color:#fff;
      background-color:#7CA7DB;
       border-bottom:2px solid #7CA7DB;
   }

/* ----------outer und inner----------------- */

#outer{
border-left: solid 140px #7CA7DB; /* linke Menue Spalten Farbe  */
border-right: solid 70px #7CA7DB; /* rechte Menue Spalten Farbe  */
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
}

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:140px;
 float:left;
 position:relative;
 margin:auto 1px auto -125px;


 }
 #right {
 width:70px;
 float:right;
 position:relative;
 margin:auto -80px auto 10px;

 }

/* -----------------Inhalt--------------------- */
#content{
position: relative;
margin: 0px;
height:300px;

}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: center;
background:#7CA7DB;
height:70px; }

/*  ----------------bilder---------------------- */

ul.tut-gal-lst {

margin: 0;
padding:  5px 0 5px 0;
list-style-type: none;

}
ul.tut-gal-lst li {
float: left;
width: 30%;
 background:transparent;
margin: 0 ;
padding: 1px 10px 5px 0 ;
}
ul.tut-gal-lst li p {
text-align: center;
}

ul.tut-gal-lst li a:hover {
border:none;
}

.weiter{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;

}
.weiter a{
color:#000;
font-weight:normal;

}

.weiter a:hover{
text-decoration:none;
border:none;
color:#fff;
}


.info { border:none; text-decoration: none }
a.info:hover { cursor: help; background: #FFFFFF }
a.info span { visibility: hidden; position: absolute; left: 100px; margin-top: 70px; padding: 5px; text-decoration: none }
a.info:hover span { visibility: visible; border:none; background:transparent ;height:100px;}