body          { background-color: E9F1E4;
                background: url(bgr_body.gif) left repeat;
                margin: 0px;
                padding: 0px; }

a:link        { color: #222; }
a:hover       { color: #222; }
a:visited     { color: #222; }
a:active      { color: #222; }

h1,h2,h3,h4,h5,p,ul,li { margin: 0px; padding: 0px; line-height: 1.8em; color: #222;}

h1,p,li { font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: normal; }
h2     { font-family: verdana, sans-serif; font-size: 22px; font-weight: normal; }
h3     { font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; padding-bottom: 1em; padding-top: 3em; }
ul     { margin: 0px 45px; }
li     { font-weight: normal; }
p,ul   { margin-top: 1em; }

div.swap { height: 135px; background-repeat: no-repeat; }
div.swap span { display: none; font-family: verdana, arial, sans-serif; font-size: 9px; color: #222; font-weight: bold;}
div#emotion { background-image:url("head.gif"); border-bottom: 1px solid #222; background-color: #FFF; }
h2.swap { height: 50px; background-repeat: no-repeat; }
h2.swap span { display: none; }
h2#navigation {background-image:url("head_00.gif");}
h2#unternehmen {background-image:url("head_01.gif");}
h2#leistungen {background-image:url("head_02.gif");}
h2#referenzen {background-image:url("head_03.gif");}
h2#kontakt {background-image:url("head_04.gif");}
h2#impressum {background-image:url("head_06.gif");}


#titel  {  padding: 10px; border-bottom: 2px solid #222; }
#footer { border-top: 2px solid #222; border-bottom: 1px solid #23382C; padding: 10px; background-color: #FFF; clear: left; }
#zuruck { border-bottom: 1px solid #222; background-color: #F6F8F6; padding: 10px; }
#variabel {width: 912px;}

.item   { width: 304px; padding: 30px 0px; float: left; }
.nav    { width: 304px; float: left; padding: 10px 0px; border-bottom: 1px solid #222; float: left; text-align: right; }

div.nav p { margin-left: 30px;}
div.nav p { margin-right: 30px;}

div.item p,h3,h2 { margin-left: 30px;}
div.item p,h3 { margin-right: 30px;}

.hr     { border-top: 1px solid #222; clear: left; font-size: 1px; line-height: 1px;}

.singerow { margin-top: 0px;}

body          { background-color: #FFF;
                background: url(bgr_body.gif) left repeat;
                margin: 0px;
                padding: 0px; }

a:link        { color: #222; }
a:hover       { color: #222; }
a:visited     { color: #222; }
a:active      { color: #222; }

h1,h2,h3,h4,h5,p,ul,li { margin: 0px; padding: 0px; line-height: 1.8em; color: #222;}

h1,p,li { font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: normal; }
h2     { font-family: verdana, sans-serif; font-size: 22px; font-weight: normal; }
h3     { font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; padding-bottom: 1em; padding-top: 3em; }
ul     { margin: 0px 45px; }
li     { font-weight: normal; }
p,ul   { margin-top: 1em; }

div.swap { height: 135px; background-repeat: no-repeat; }
div.swap span { display: none; font-family: verdana, arial, sans-serif; font-size: 9px; color: #222; font-weight: bold;}
div#emotion { background-image:url("head.gif"); border-bottom: 1px solid #222; background-color: #FFF; }
h2.swap { height: 50px; background-repeat: no-repeat; }
h2.swap span { display: none; }
h2#navigation {background-image:url("head_00.gif");}
h2#info {background-image:url("head_01.gif");}
h2#news {background-image:url("head_02.gif");}
h2#service {background-image:url("head_03.gif");}
h2#referenzen {background-image:url("head_03.gif");}
h2#kontakt {background-image:url("head_04.gif");}
h2#impressum {background-image:url("head_06.gif");}

#titel  {  padding: 10px; border-bottom: 2px solid #222; }
#footer { border-top: 2px solid #222; border-bottom: 1px solid #23382C; padding: 10px; background-color: #FFF; clear: left; }
#zuruck { border-bottom: 1px solid #222; background-color: #F6F8F6; padding: 10px; }
#variabel {width: 912px;}

.item   { width: 304px; padding: 30px 0px; float: left; }
.nav    { width: 304px; float: left; padding: 10px 0px; border-bottom: 1px solid #222; float: left; text-align: right; }

div.nav p { margin-left: 30px;}
div.nav p { margin-right: 30px;}

div.item p,h3,h2 { margin-left: 30px;}
div.item p,h3 { margin-right: 30px;}

.hr     { border-top: 1px solid #222; clear: left; font-size: 1px; line-height: 1px;}

.singerow { margin-top: 0px;}

#emotionframe {position: relative; left: 304px; }