
.verlauf-l{/*Verlauf links*/
width:10px;height:590px;background-image:url(bilder/verlauf1.jpg);background-repeat:repeat-y;
float:left;
}

.verlauf-r-index{/*Verlauf Startseite rechts*/
width:10px;height:590px;margin-top:-590px;background-image:url(bilder/verlauf2.jpg);background-repeat:repeat-y;
float:right;
}

.back1{/*Hintergrundbild Startseite*/
width:740px;height:570px;background-image:url(bilder/schach.jpg);float:left;/*box für Hintergrundbild*/
}

.back2{/*Hintergrundbild Anforderungen*/
width:740px;height:570px;background-image:url(bilder/anforderungen.jpg);float:left;/*box für Hintergrundbild*/
}

.back3{/*Hintergrundbild Plichtenheft*/
width:740px;height:570px;background-image:url(bilder/pflichtenheft.jpg);float:left;/*box für Hintergrundbild*/
}

.back4{/*Hintergrundbild dotnet*/
width:740px;height:570px;background-image:url(bilder/dotnet.jpg);float:left;/*box für Hintergrundbild*/
}

.back5{/*Hintergrundbild Datenbanken*/
width:740px;height:570px;background-image:url(bilder/datenbanken.jpg);float:left;/*box für Hintergrundbild*/
}

.back6{/*Hintergrundbild Office*/
width:740px;height:570px;background-image:url(bilder/office.jpg);float:left;/*box für Hintergrundbild*/
}

.back7{/*Hintergrundbild Java*/
width:740px;height:570px;background-image:url(bilder/java.jpg);float:left;/*box für Hintergrundbild*/
}

.back8{/*Hintergrundbild Vis*/
width:740px;height:570px;background-image:url(bilder/vis.jpg);float:left;/*box für Hintergrundbild*/
}

.back9{/*Hintergrundbild Terminplanung*/
width:740px;height:570px;background-image:url(bilder/zeitplanung.jpg);float:left;/*box für Hintergrundbild*/
}

.back10{/*Hintergrundbild Hauskalkulation*/
width:740px;height:570px;background-image:url(bilder/kalkulation.jpg);float:left;/*box für Hintergrundbild*/
}

.back11{/*Hintergrundbild baustelle*/
width:740px;height:570px;background-image:url(bilder/baustelle.jpg);float:left;/*box für Hintergrundbild*/
}

.back12{/*Hintergrundbild Transportplan*/
width:740px;height:570px;background-image:url(bilder/transport.jpg);float:left;/*box für Hintergrundbild*/
}

.back13{/*Hintergrundbild Referenzen*/
width:740px;height:570px;background-image:url(bilder/referenzen.jpg);float:left;/*box für Hintergrundbild*/
}

.back14{/*Hintergrundbild Profil*/
width:740px;height:570px;background-image:url(bilder/profil.jpg);float:left;/*box für Hintergrundbild*/
}

.back15{/*Hintergrundbild Impressum*/
width:740px;height:570px;background-image:url(bilder/impressum.jpg);float:left;/*box für Hintergrundbild*/
}

.back16{/*Hintergrundbild Kontakt*/
width:740px;height:570px;background-image:url(bilder/kontakt.jpg);float:left;/*box für Hintergrundbild*/
}

.seiteninhalt{
width:442px;height:310px;margin-top:140px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt1{
width:442px;height:350px;margin-top:120px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt2{
width:442px;height:130px;margin-top:320px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt3{
width:442px;height:245px;margin-top:200px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt4{/*für impressum*/
width:442px;height:380px;margin-top:80px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt-termin{
width:442px;height:350px;margin-top:120px;margin-left:250px;padding-left:20px;padding-top:10px;float:left;
background-color:#f0f3f5;
}

.seiteninhalt-kontakt{
width:343px;height:420px;margin-top:40px;margin-left:348px;padding-left:12px;padding-top:10px;padding-right:10px;float:left;
background-color:#f0f3f5;
}

.willkommen{
width:195px;height:200px;margin-top:100px;margin-left:520px;float:left;
}

.adresse{
width:100px;height:30px;font-family:Arial;font-weight:nomal;font-size:11px;color:#005BAA;
}

.telefon{
width:150px;height:10px;font-family:Arial;font-weight:nomal;font-size:11px;color:#005BAA; padding-bottom:50px;
}

.schrift{
 font-family:Arial;font-weight:normal;font-size:14px; color:#005BAA;
 }

.klein{
font-family:Arial;font-weight:nomal;font-size:11px;color:#005BAA;
}

.mittel{
width:150px;height:10px;margin-top:15px;margin-left:0px;font-size:12px
}

.seitentitel{
width:740px;height:20px;margin-top:27px;margin-left:40px;float:left;
font-family:Arial;font-size:14px;font-weight:bold;color:#005BAA;
}

.titel{
width:400px;height:35px;font-family:Arial;font-size:18px;font-weight:bold;color:#005BAA;
}

.untertitel{
font-family:Arial;font-size:16px;font-weight:bold;color:#009070;
}

.text{
width:250px; height:210px;margin-left:165px;margin-top:-207px; float:left;
}

.profil{
width:150; height:200;margin-left:0px;margin-top:17px;float:left;
}

.foto{
width:150px;height:200px;margin-top:10px;float:left;
}

.schlagwort{
font-family:Arial;font-size:16px;font-weight:bold;color:#005BAA;margin-top:10px;
}

.archiv{
width:200px;height:10px;margin-top:0px;color:#005BAA;
}

.untertitel gruen{
color:#009070;
}

.blau{
color:#005BAA;
}

.nowrap{
white-space:nowrap;margin-top:0px;
}

ul.liste{
color:#005BAA;
}

/*Menu oben beginnt*/

/* allgemeine stylevorgaben für die navigation*/
.menu {
width:750px;
font-size:0.85em;
margin-top:58px;
/*padding-bottom:200px;*/
}

/* bullets, border und padding werden von der style-liste entfernt */
.menu ul {
/*padding-top:-50px;*/
margin-top:-10px;
margin-left:-40px;
list-style-type:none;
}
.menu ul ul {
width:105px;
}
/* float um die liste horizontal zu bekommen und eine relative positon angeben,
um die position des dropdown menus zu kontrollieren */
.menu li {
float:left;
width:125px;
position:relative;
}
/* style für die links */
.menu a, .menu a:visited {
display:block;
font-family: arial, sans-serif;
font-size: 12px;
text-decoration:none;
font-weight:bold;
text-align:center;
color:#005BAA;
width:115px;
/*height:10px;*/
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#DDE6EB;
padding-left:10px;
line-height:20px;
}


/* style für zweiten level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#005BAA;
}
/* style für zweiten level hover */
.menu ul ul a.drop:hover{
background-color:#005BAA;
/*color: #DDE6EB;*/
}
.menu ul ul :hover > a.drop {
background-color:#005BAA;
/*color: #DDE6EB;*/
}
/* untermenu wird versteckt */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:105px;
}

/* style für Tabelle - wird gebraucht, damit es beim IE richtig läuft */
.menu table {position:absolute; top:0; left:0;}

/* style für pulldown links*/
.menu ul ul a, .menu ul ul a:visited {
background:#ffffff;
color:#005BAA;
height:auto;
line-height:1em;
padding:5px 10px;
width:105px
}

/* style für top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#005BAA;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#005BAA;
}

/* zweiter level sichtbar bei hover */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/*Ende Menu oben*/


/*Navigation Kontakt*/
.kontaktmenu{
width:50px;height:20px;margin-top:-26px;margin-left:608px;float:left;
}

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

.kontaktmenu ul li{
padding-bottom: 2px;
}

.kontaktmenu ul li a{

color: #009070;
display: block;
text-decoration:none;
font-family:arial;font-size:14px;
font-weight: bold;
}

.kontaktmenu ul li a:visited{
color: #009070;
}

.kontaktmenu ul li a:hover{
color:#005BAA;
}
/*Ende Navigation Kontakt*/




/*Menue2 beginnt*/

.menubox2{
width:740px;height:20px;background-color:#293C46;margin-top:-20px;margin-left:10px;float:left;
float:left;
clear:left;
}

.menu2 {
font-size:0.85em;
margin-top:-14px;
margin-left:0px;
}

/* float um die position des dropdown menus zu kontrollieren*/
.menu2 li {
float:left;
width:100px;
position:relative;
margin-left:-10px;
list-style-type:none;
background-color:#293C46;
}
.menu2 a, .menu2 a:visited {
display:block;
font-family: arial, sans-serif;
font-size: 12px;
text-decoration:none;
font-weight:normal;
text-align:center;
color:#ffffff;
width:80px;
height:19px;
/*border:1px solid #fff;*/
/*border-width:1px 1px 0 0;*/
background:#293C46;
/*padding-left:10px;*/
line-height:20px;
}

.menu2 a:hover{
color:#293C46;
background:#dde6eb;
font-weight:bold;
}

/*Tabelle ist für IE notwendig, sonst läuft es nicht*/
.menu2 table {position:absolute; top:0; left:0;}

/*Ende Menue2*/


/*Navigation Link*/
.design{
width:50px;height:20px;margin-top:-8px;margin-left:140px;float:left;
}
.link{
width:50px;height:20px;margin-top:-10px;margin-left:120px;margin-bottom:8px;float:left;
}

.link-email{
width:180px;height:5px;margin-top:-30px;float:left;
}

.linkmenu ul{
list-style-type:none;
margin-top: 0px;
padding: 0;
}

.linkmenu ul li{
padding-bottom: 2px;
}

.linkmenu ul li a{

color: #009070;
display: block;
text-decoration:none;
font-family:arial;font-size:14px;
font-weight: bold;
}

.linkmenu ul li a:visited{
color: #009070;
}

.linkmenu ul li a:hover{
color:#005BAA;
}

/*Ende Link-Menu*/