@charset "utf-8";
/* CSS Document */

body {
margin:0 0 0 0;
background-image:url(../img/back2.jpg);
}

img {
border:none;
}

h2 {
height:21px;
width:481px;
background-image:url(../img/headline.gif);
color:#FFFFFF;
font-size:15px;
padding-top:1px;
padding-left:4px;
font-weight:100;
margin-top:5px;
border:1px #42547c solid;
}

h3 {
height:21px;
width:481px;
background-image:url(../img/headline.gif);
color:#FFFFFF;
font-size:15px;
padding-top:1px;
padding-left:4px;
font-weight:100;
border:1px #42547c solid;
}

#menue {
position:relative;
float:left;
background-image:url(../img/menue_bg.gif);
width:100%;
height:42px;
padding-top:5px;
}

#menue IMG {
border:none;
}

#menue UL {
position:relative;
float:left;
left: 50%;
margin-left: -485px;
padding-left:85px;
top:-20px;
}

#menue LI {
position:relative;
float:left;
width:104px;
height:36px;
color:#fff;
font-size:16px;
font-weight:bold;
list-style:none;
margin-right:5px;
padding-top:5px;
}

.home{ background-image: url(../img/men1.png); }
.home_active{ background-image: url(../img/men1a.png); }
.home:link, .home:visited{ background-image: url(../img/men1.png); }
.home:active, .home:hover{ background-image: url(../img/men1a.png); }

.news{ background-image: url(../img/men2.png); }
.news_active{ background-image: url(../img/men2a.png); }
.news:link, .news:visited{ background-image: url(../img/men2.png); }
.news:active, .news:hover{ background-image: url(../img/men2a.png); }

.us{ background-image: url(../img/men3.png); }
.us_active{ background-image: url(../img/men3a.png); }
.us:link, .us:visited{ background-image: url(../img/men3.png); }
.us:active, .us:hover{ background-image: url(../img/men3a.png); }

.referenzen{ background-image: url(../img/men4.png); }
.referenzen_active{ background-image: url(../img/men4a.png); }
.referenzen:link, .referenzen:visited{ background-image: url(../img/men4.png); }
.referenzen:active, .referenzen:hover{ background-image: url(../img/men4a.png); }

.leistungen{ background-image: url(../img/men5.png); }
.leistungen_active{ background-image: url(../img/men5a.png); }
.leistungen:link, .leistungen:visited{ background-image: url(../img/men5.png); }
.leistungen:active, .leistungen:hover{ background-image: url(../img/men5a.png); }

.kontakt{ background-image: url(../img/men6.png); }
.kontakt_active{ background-image: url(../img/men6a.png); }
.kontakt:link, .kontakt:visited{ background-image: url(../img/men6.png); }
.kontakt:active, .kontakt:hover{ background-image: url(../img/men6a.png); }

.impressum{ background-image: url(../img/men7.png); }
.impressum_active{ background-image: url(../img/men7a.png); }
.impressum:link, .impressum:visited{ background-image: url(../img/men7.png); }
.impressum:active, .impressum:hover{ background-image: url(../img/men7a.png); }

#text {
position:relative;
float:left;
width:481px;
height:auto;
margin-right:43px;
margin-bottom:20px;
padding-left:5px;
}

#aktuell {
position:relative;
float:left;
margin-bottom:20px;
}

#wrapper {
position:absolute;
float:left;
background-image:url(../img/wrapper_bg.png);
width:882px;
height:auto;
left: 50%;
margin-left: -485px;
top: 42px;
padding-left:80px;
}

#logo {
position:relative;
float:left;
margin-top:8px;
margin-bottom:6px;
}

#banner {
position:relative;
float:left;
width:785px;
height:172px;
border: 1px #cecece solid;
padding-left:7px;
padding-top:7px;
margin-left:5px;
margin-bottom:20px;
}

.border {
border: 1px #cecece solid;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
margin-bottom:10px;
}

.border:HOVER {
background-color:#dddddd;
}

#foot {
position:relative;
float:left;
background-image:url(../img/footer.jpg);
width:959px;
height:37px;
margin-left:-77px;
}

/* ================================= SEITE INDEX ============================== */

#index_aktuell {
position:relative;
float:left;
margin-top:5px;
}

.einleitung {
font-size:20px;
font-weight:bold;
color:#273a62;
}

.willkommen {
margin-top:-3px;
}

.net { font-size:20px;
font-weight:bold;
color:#273a62;
}

.coast { color:#9a9999; font-size:20px; font-weight:bold;}

/* ================================= SEITE NEWS =============================== */

#news {
position:relative;
float:left;
width:481px;
height:auto;
margin-right:47px;
margin-bottom:20px;
font-size:14px;
}

#news H2 {
background-color:#3e5178;
margin-bottom:10px;
font-weight:bold;
font-variant:small-caps;
}

#news H3 {
background-color:#810908;
color:#FFFFFF;
margin-top:30px;
margin-bottom:10px;
font-weight:bold;
font-variant:small-caps;
}

.news_pic {
border: 1px #cecece solid;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
margin-right:10px;
}

#uebersicht_body {
margin-bottom:15px;
}

#uebersicht_date {
position:relative;
float:left;
width:100px;
margin-bottom:10px;
margin-top:5px;
}

#uebersicht_headline {
position:relative;
float:left;
width:163px;
margin-bottom:10px;
margin-top:5px;
}


/* =================================== SEITE KONTAKT ===================================== */

.name_field { margin-left:40px; margin-bottom:10px; }
.email_field { margin-left:35px; margin-bottom:10px; }
.betreff_field { margin-left:36px; margin-bottom:10px; }
.nachricht_field { margin-left:22px; margin-bottom:10px; }
.reset { margin-top:5px; margin-left:206px; }

#kontakt {
padding-left:5px;
padding-top:10px;
}

#kontakt_info {
position:relative;
float:left;
width:470px;
background-color:#eeeded;
border:1px #cecece solid;
font-size:14px;
font-weight:600;
padding:7px 7px 7px 7px;
margin-top:5px;
margin-bottom:15px;
}

#kontakt_ok {
position:relative;
float:left;
width:470px;
border:none;
color:#00CC33;
font-size:14px;
font-weight:600;
padding:7px 7px 7px 7px;
margin-top:5px;
margin-bottom:15px;
}

/* =================================== SEITE LEISTUNGEN ===================================== */

#leistungen_menue {
position:relative;
float:left;
background-image:url(../img/leistungen_menue.gif);
width:777px;
height:29px;
margin-top:12px;
margin-left:5px;
background-repeat:repeat-x;
border:1px #42547c solid;
padding-left:13px;
padding-top:7px;
}

#leistungen_webdesign {
position:relative;
float:left;
background-color:#f6f6f6;
width:770px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
border:1px #cecece solid;
margin-top:13px;
}

#leistungen_uebersicht {
position:relative;
float:left;
width:223px;
margin-left:40px;
}

.leistungen_link { color:#f0f0f0; text-decoration:none; margin-right:31px; }
.leistungen_link:HOVER { color:#ffffff; text-decoration:underline; }
.leistungen_link_active{ color:#ffffff; text-decoration:underline; margin-right:31px; }

.leistungen_link_last { color:#f0f0f0; text-decoration:none; }
.leistungen_link_last:HOVER { color:#ffffff; text-decoration:underline; }
.leistungen_link_last_active { color:#ffffff; text-decoration:underline; }

.leistungen_uebersicht_headline {font-size:18px; font-variant:small-caps; font-weight:600; margin-top:8px; margin-bottom:15px;}
.leistungen_uebersicht_item {font-size:14px; margin-top:-2px;}
/* =================================== SEITE IMPRESSUM ========================================= */

#impressum_daten {
position:relative;
float:left;
background-color:#f2f2f2;
border:1px #cecece solid;
width:445px;
padding-left:10px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;
}

#partner_body {
position:relative;
float:left;
width:270px;
margin-top:1px;
}

#impressum {
padding-top:0px;
margin-top:-3px;
}


/* ================================= SEITE REFERENZEN ================================= */
#referenzen {
position:relative;
float:left;
width:768px;
margin-left:17px;
margin-top:12px;
font-size:15px;
}

.referenzen_bild { padding:4px 4px 4px 4px; border:1px #cecece solid; margin-left:-3px; margin-bottom:5px; }
.referenzen_bild:HOVER { background-color:#dddddd;}
.referenzen_bild2 { padding:4px 4px 4px 4px; border:1px #cecece solid; margin-left:-3px; margin-bottom:5px;}
.referenzen_bild2:HOVER {background-color:#dddddd;}

.referenzen_item { position:relative; float:left; margin-bottom:25px; padding-left:3px; }
.referenzen_item2 { position:relative; float:left; margin-left:39px; margin-bottom:25px; padding-left:3px; }
.referenzen_item3 { position:relative; float:left; margin-left:-225px; margin-bottom:25px; padding-left:0px; }

.referenzen_umsetzung {color:#666666; font-size:13px;}