/******************************
* Hauck und Partner GmbH 
* autor:  	pinx. 
* version: 05.04.2005
******************************/

html body {
color: #666;
background-color: #666;
background-image: url("../i/ly/hg_verlauf.jpg");
background-position: top left;
background-repeat: repeat-x;
margin: 7px 0 25px 0;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

div, p, td, li, ul, h1, h2, h3 { /* Inheritance und so */
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

/******************************
* Layout Unterseiten
******************************/
#container {
width: 787px;
margin-right: auto;
margin-left: auto;
text-align: left;
background: #fff;
}

#head {
position: relative;
width: 787px;
height: 136px;
background-image: url("../i/ly/bg_top.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#contentholder {
position: relative;
padding: 0 0 0 148px;
margin: 0;
border: 0;
height: auto;
background-image: url("../i/ly/bg_middle.jpg");
background-position: top left;
background-repeat: repeat-y;
width: 787px;
voice-family: "\"}\"";
voice-family: inherit;
width: 639px;
}

#nav {
position: relative;
width: 150px;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #ccc;
float: left;
}

div.img {
position: relative;
width: 400px;
margin: 0 0 45px 170px;
padding: 0;
}

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

#nav li {
line-height:19px;
width: 150px;
margin: 0;
padding: 0;
background: transparent;
}

#nav li a {
color: #666;
display:block;
padding:0 0 0 20px;
text-decoration:none;
border-top:1px solid #ccc;
width: 150px;
voice-family: "\"}\"";
voice-family: inherit;
width: 130px;
}

#nav li a:hover {
color: #004d91;
background: #f5f5f5;
}

#nav li a.hi {
color: #004d91;
background: #f5f5f5;
}

p.subnav {
text-align: center;
border-top: 1px solid #ccc;
padding-left: 10px;
padding-top: 10px;
margin: 45px 0 0 172px;
background-image: none;
width: 400px;
voice-family: "\"}\"";
voice-family: inherit;
width: 390px;
}

#footer {
clear: both;
position: relative;
width: 787px;
height: 45px;
background-image: url("../i/ly/bg_bottom.jpg");
background-position: top left;
background-repeat: no-repeat;
}

/******************************
* DB Container 
******************************/
#db ul {
list-style: none;
margin: 0 0 25px 172px;
padding: 0;
border: 0;
width: 380px;
}

#db li {
margin: 0 0 4px 0;
padding: 0 0 0 12px;
border: 0;
background: transparent url("../i/ly/bullet_blau.gif") no-repeat 0 5px;
width: 390px;
voice-family: "\"}\"";
voice-family: inherit;
width: 378px;
}

#db li.projekte {
margin: 0 0 2px 0;
padding: 0;
border: 0;
background: none;
}

#db h1 {
position: relative;
display: block;
font-size: 13px;
font-weight: normal;
margin: 10px 0 10px 120px;
line-height: 20px;
color:#004d91;
padding-left: 19px;
background-image: url("../i/ly/quadrat_gruen.gif");
background-repeat: no-repeat;
background-position: 0 6px;
}

#db h2 {
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color:  #004d91;
margin: 5px 0 2px 0;
}

#db .bild {
margin: 10px 0 25px 172px;
padding: 5px;
border: 1px solid #ccc;
width: 387px;
voice-family: "\"}\"";
voice-family: inherit;
width: 375px;
}

/******************************
* Typo Elemente 
******************************/
p {
padding-left: 10px;
padding-top: 0;
background-image: url("../i/ly/dot_vertikal.gif");
background-repeat: repeat-y;
background-position: 0 0;
margin: 10px 0 10px 172px;
width: 390px;
voice-family: "\"}\"";
voice-family: inherit;
width: 380px;
}

span {
color: #ccc;
}

/******************************
* Links 
******************************/
a:link, a:visited {
	text-decoration: none;
	color: #009900;
}

a:visited {
	text-decoration: none;
	color: #009900;
}

a:hover {
	text-decoration: underline;
	color: #009900;
}

p.subnav a:link {
	text-decoration: none;
	color: #ccc;
}

p.subnav a:visited {
	text-decoration: none;
	color: #ccc;
}

p.subnav a:hover {
	text-decoration: none;
	color: #004d91;
}

p.subnav a:link.subhi {
color: #004d91;
}

p.subnav a:visited.subhi {
color: #004d91;
}

/******************************
* Formulare 
******************************/