body {
	background-image: url(img/backg.gif);
         background-position: top center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
}

#main {
	background: none;

	width: 800px;
	text-align: left;
	margin: auto;
         border: 0px solid;
}

#head {
	width: 800px;
	height: 128px;
	margin-top: 0;
	margin-left: 0;
	font-family: "Verdana", arial, verdana, helvetica, sans-serif;
	font-variant: small-caps;
         border: 0px solid;
}

#main > #head {
	margin-left: 0;
}




#nav {
	width: 710px;
	height: 138px;
	padding: 0;
	margin: 0 0 0 6%;
	border-bottom: 1px solid #acacac;

}

#nav ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	}

#nav ul li {
	padding: 0 5px 0 5px;
	float: left;
	width: 130px;
	height: 138px;
}

#nav ul li a {
	text-decoration: none;
	text-align: center;
	color: #6f0000;
}


#nav ul li.home a {
	display: block;
	width: 120px;
	height: 138px;
	background: url(img/menu.gif) top left;
}

#nav ul li.home a:hover {
	background: url(img/menu.gif) center left;
}

#nav ul li.home a:active {
	background: url(img/menu.gif) bottom left;
}

#nav ul li.home span {
	display: block;
	padding-top: 40px;
}

		/* item: about */

#nav ul li.about a {
	display: block;
	width: 120px;
	height: 138px;
	background: url(img/menu.gif) top left;
}

#nav ul li.about a:hover {
	background: url(img/menu.gif) center left;
}

#nav ul li.about a:active {
	background: url(img/menu.gif) bottom left;
}

#nav ul li.about span {
	display: block;
	padding-top: 40px;
}

		/* item: services */

#nav ul li.services a {
	display: block;
	width: 120px;
	height: 138px;
	background: url(img/menu.gif) top left;
}

#nav ul li.services a:hover {
	background: url(img/menu.gif) center left;
}

#nav ul li.services a:active {
	background: url(img/menu.gif) bottom left;
}

#nav ul li.services span {
	display: block;
	padding-top: 40px;
}

		/* item: portfolio */

#nav ul li.portfolio a {
	display: block;
	width: 120px;
	height: 138px;
	background: url(img/menu.gif) top left;
}

#nav ul li.portfolio a:hover {
	background: url(img/menu.gif) center left;
}

#nav ul li.portfolio a:active {
	background: url(img/menu.gif) bottom left;
}

#nav ul li.portfolio span {
	display: block;
	padding-top: 40px;
}

		/* item: contact */

#nav ul li.contact a {
	display: block;
	width: 120px;
	height: 138px;
	background: url(img/menu.gif) top left;
}

#nav ul li.contact a:hover {
	background: url(img/menu.gif) center left;
}

#nav ul li.contact a:active {
	background: url(img/menu.gif) bottom left;
}

#nav ul li.contact span {
	display: block;
	padding-top: 40px;
}

/* navigation referenzen */

#navcontainer
{
background: #fff;
}

#navlist
{
background: #fff;
border-bottom: 0px solid #ccc;
margin: 0;
padding-bottom: 22px;
margin-left: 420px;
}

#navlist ul, #navlist li
{
background: #fff;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #fff;
border: 0px solid #ccc;
color: #700000;
float: left;
font-size: x-small;
font-weight: normal;
line-height: 14px;
margin-right: 1px;
padding: 2px 10px 2px 2px;
text-decoration: none;
}

a.navlist
{
background: #fff;
border: 0px solid #ccc;
color: #700000;
float: left;
font-size: x-small;
font-weight: normal;
line-height: 14px;
margin-right: 1px;
padding: 2px 10px 2px 2px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}


#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}



	/* attributes of the block "content" */

#content {
         margin-left: 30px;
	padding: 0;
	width: 450px;
   	height: 400px;
	text-align: left;
	font-size: 84%;
         float:left;
         border: 0px solid;
}

#.content/* */ {
  margin-left: 6%;

}

#content_ref {
         margin-left: 30px;
	padding: 0;
	width: 690px;
   	height: 100%;
	text-align: left;
	font-size: 84%;
         position: absolute;
         border: 0px solid;
}

#.content_ref/* */ {
  margin-left: 6%;

}


#content p {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
         letter-spacing: 0.1em;
	padding: 0 1em;
}

#content_ref p {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
         letter-spacing: 0.06em;
	padding: 0 1em;
}

#content li {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 80%;
         letter-spacing: 0.05em;
	padding: 0 1em;
}

#content h1, h2, h3, h4, h5, h6 {
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 210%;
	color: #797878;
	font-variant: small-caps;
	padding: 0 0.4em;
}

#content_ref h1, h2, h3, h4, h5, h6 {
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 210%;
	color: #797878;
	font-variant: small-caps;
	padding: 0 0.4em;
}

span.philo {
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 130%;
	color: #797878;
	font-variant: small-caps;

}

	/* the block of the main text, called "words" */

#words {
	width: 450px;
	padding: 1.1em 0em 0em 1.1em;
	margin-top: 20px;
	border-right: 1px solid #700000;
	font-family: verdana, lucida, arial, helvetica, sans-serif;

}

#words_ref {
	width: 100%;
	padding: 1.1em 0em 0em 1.1em;
	margin-top: 20px;
	border-right: 0px solid #797878;
	font-family: verdana, lucida, arial, helvetica, sans-serif;

}

#imgref {
        float: left;
        padding: 0px 0 0 0;
}

#textref {
margin-left: 220px;
font-family: verdana, lucida, arial, helvetica, sans-serif;

}

#ref {
clear: left;
border-bottom:1px dotted #797878;
   padding: 15px 0 0 0;
}


div.sider {

         width: 235px;
         height:400px;
         margin-top: 0px;
         margin-right: 55px;
         font-family: verdana, lucida, arial, helvetica, sans-serif;
         font-size: 9pt;
         letter-spacing: 0.1em;
         border: 0px solid;
         padding: 3.2em 0em 0 0;
         float: right;

}




#sider h1, h2, h3, h4, h5, h6 {
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 140%;
	color: #700000;
	font-variant: small-caps;
	padding: 0 0em;

}

h1.news {
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 160%;
	color: #333333;
	font-variant: small-caps;
	padding: 0 0em;

}

#sider li {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 9pt;
         margin-left: 14px;
	padding: 0 1.5em;
	color: gray;
}

# sider p
{
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: x-small;
	padding: 0 0em;

}

div.sider a
{
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: small;
	padding: 0 0em;
         text-decoration: none;
         color: #333333;

}

div.sider a:hover
{
	font-family: "Verdana", arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: small;
	padding: 0 0em;
         text-decoration: none;
         color: #790404;

}



	/* footer. last! */

div.footer {

	width: 718px;
	height: 50px;
	border-top: 1px solid #5e5e5e;
	background: #790404;
	font-family: verdana, lucida, arial, sans-serif;
	font-color: white;
         margin-top: -50px;
         border: 1px solid;
         clear: both;
         margin: 0 auto 0 auto;

}


div.footer_dienstleistungen {

	width: 718px;
	height: 50px;
	border-top: 1px solid #5e5e5e;
	background: #790404;
	font-family: verdana, lucida, arial, sans-serif;
	font-color: white;
	padding: 0.5em;
         margin: 0 auto 0 auto;
         clear: both;
}

div.footer_dienstleistungen/* */ {
  width: 703px;

}

span.footer {


         font-family: verdana, lucida, arial, sans-serif;
         font-size: 70%;
         color: #000000;
         padding-top: 8px;
}

div.footer_ueberuns {

	width: 717px;
	height: 47px;
	border-top: 1px solid #5e5e5e;
	background: #CC2527;
	padding: 0.5em;
         z-index: 3;
	background-image: url(img/wir_footer.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0 auto;
         clear: both;

}

div.footer_ueberuns/* */ {
  width: 701px;
}

div.footer_referenzen {

         width: 702px;
	height: 50px;
	border-top: 1px solid #5e5e5e;
	background: #CC2527;
	font-family: verdana, lucida, arial, sans-serif;
	font-color: white;
	padding: 0.5em;

  	 z-index: 3;
	margin: 1350px auto 0 auto;


}

a.footer {
color: #790404;
}



#navlist_side
{
padding-left: 0;
margin-left: 0px;
border-bottom: 1px solid #acacac;
width: 200px;
border: 0px solid;

}

#navlist_side/* */ {
  margin-left: 0;
}

#navlist_side li
{
list-style: none;
margin: 0 0 0 0px;
border-top: 1px solid #acacac;
padding-top: 5px;
padding-bottom: 5px;
}

#navlist_side li a {
text-decoration: none;
color: gray;
letter-spacing: 0.05em;
padding-left: 3px;

 }

#navlist_side li a:hover {
text-decoration: none;
color: #700000;

}


#navlist_side li a#current {
text-decoration: none;
color: #700000;
background-image: url(img/arrow2.gif);
background-repeat: no-repeat;
background-position: 0em;
}

div.ariadne {
position: absolute;

font-family: "Verdana", arial, verdana, helvetica, sans-serif;
font-variant: small-caps;
font-size: 60%;
margin-top: 70px;
color: gray;
}

div.ariadne_referenzen {
position: absolute;
margin-top: 90px;
font-family: "Verdana", arial, verdana, helvetica, sans-serif;
font-variant: small-caps;
font-size: 60%;
color: gray;
}

div.ariadne_more {
position: absolute;
margin-top: 70px;
font-family: "Verdana", arial, verdana, helvetica, sans-serif;
font-variant: small-caps;
font-size: 60%;
color: gray;
}

div.ariadne_moremore {
position: absolute;
margin-top: 70px;
font-family: "Verdana", arial, verdana, helvetica, sans-serif;
font-variant: small-caps;
font-size: 60%;
color: gray;
}

div.ariadne_moremoremore {
position: absolute;
margin-top: 70px;
font-family: "Verdana", arial, verdana, helvetica, sans-serif;
font-variant: small-caps;
font-size: 60%;
color: gray;
}

a.ariadne {
text-decoration: underline;
color: gray;
}

a.ariadne:hover {
text-decoration: underline;
color: #CC2527;
}

a.inside {
text-decoration: underline;
color: #797878;
}

a.inside:hover {
text-decoration: underline;
color: #790404;
}

a.mehr {
text-decoration: underline;
color: #CC2527;
}

a.mehr:hover {
text-decoration: underline;
color: #CC2527;
}

a.logo {
text-decoration: none;
color: #acacac;
}