/* Normalize */

* {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, p, li, pre, code {
font-size:1em;
font-weight:normal;
}

li {
list-style:none;
}

a {
text-decoration:none;
}

img {
border:none;
}

/* Style */

body {
min-width:800px;
text-align:center; 
font:11px/1.8 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#000;
background-color:#fff;
}

h1 {
position:relative;
width:780px;
height:115px;
}
h1 span {
position:absolute;
width:100%;
height:100%;
}

h2 {
padding:12px 0 0;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
}

h3 {
padding:10px 0;
font-size:12px;
font-weight:bold;
color:#333;
}

h4 {
padding:5px 0 0;
font-weight:bold;
color:#333;
}

h5 {
position:relative;
width:780px;
height:14px;
font-size:5px;
}
h5 span {
position:absolute;
width:100%;
height:100%;
}

#wrapper {
width:780px; 
margin:0 auto; 
text-align:left;
background-color:#fff;
}

#banner {
}

#sidebar {
float:left;
width:240px;
padding:0 0 35px;
}
#sidebar p {
padding:0 0 0 7px;
color:#999;
}
#sidebar a {
color:#999;
}
#sidebar a:hover {
color:#007CC3;
}
#sidebar img {
padding:0 0 0 7px;
}

#navigation {
width:230px;
margin:35px 0 35px;
}

#navMain {
line-height:1.9em;
}
#navMain li {
display: inline;
}
#navMain a {
display:block;
width:100%;
padding:0 0 0 7px;
color:#666;
text-align:left;
text-decoration:none;
letter-spacing:1px;
border-bottom:1px solid #eee;
}
#navMain a:hover {
color:#007CC3;
border-bottom:1px solid #ccc;
}

#home #navMain .home a,
#home_fr #navMain .home_fr a,
#portrait #navMain .portrait a,
#portraitwwt #navMain .portraitwwt a,
#portraitteam #navMain .portraitteam a,
#portraitleitb #navMain .portraitleitb a,
#portraitorg #navMain .portraitorg a,
#portraitpart #navMain .portraitpart a,
#portraitloes #navMain .portraitloes a,
#portraitdl #navMain .portraitdl a,
#projekte #navMain .projekte a,
#projektereferenz #navMain .projektereferenz a,
#projekteidosyszb #navMain .projekteidosyszb a,
#projekteidosyszbprue #navMain .projekteidosyszbprue a,
#projektespatz #navMain .projektespatz a,
#projektesta #navMain .projektesta a,
#projektesbkwo #navMain .projektesbkwo a,
#projekterhbtm #navMain .projekterhbtm a,
#projektehartingmmb #navMain .projektehartingmmb a,
#projektetubob #navMain .projektetubob a,
#projekteflirtsbb #navMain .projekteflirtsbb a,
#projekteflirtsbbsbz #navMain .projekteflirtsbbsbz a,
#projekteflirtsbbbs #navMain .projekteflirtsbbbs a,
#projekteflirtelsass #navMain .projekteflirtelsass a,
#projekteksmgb #navMain .projekteksmgb a,
#projektewckab #navMain .projektewckab a,
#projektetor #navMain .projektetor a,
#projektemob #navMain .projektemob a,
#news #navMain .news a,
#firmengeschichte #navMain .firmengeschichte a,
#referenzen #navMain .referenzen a,
#links #navMain .links a,
#kontakt #navMain .kontakt a,
#kontaktformular #navMain .kontaktformular a,
#impressum #navMain .impressum a,
#deutsch #navMain .deutsch a,
#francais #navMain .francais a {
color:#007CC3;
border-bottom:1px solid #ccc;
font-weight:bold;
}

#content {
float:right;
width:528px;
margin:0 0 10px;
}
#content p {
padding:0 20px 10px 0;
color:#333;
}
#content li {
padding:0 20px 5px 0;
}
#content a {
color:#999;
border-bottom:1px #ccc dotted;
}
#content a:hover {
color:#007CC2;
border-bottom:1px #007CC2 dotted;
}
#content img {
margin:15px 0 0;
}
#contentflash {
margin:15px 0 0;
}
#contentpic {
margin:15px 0 0;
}
#contentpic a {
border-bottom:0;
}
#contentpic a:hover {
border-bottom:0;
}
#contentpic img {
margin:0 5px 0 0;
}

#home li {
list-style:inside;
}
#portraitwwt, #portraitloes li {
list-style:inside;
}

.textinfo {
font-style:oblique;
}
.fotoinfo {
font-style:oblique;
}

#slogan {
clear:both;
}
#siteinfo {
clear:both;
text-align:right;
font-size:10px;
}
#siteinfo p {
padding:0 5px 10px;
color:#ccc;
}
#siteinfo a {
color:#ccc;
}
#siteinfo a:hover {
color:#007CC2;
}