/*
pinx-design.com
autor:  	pinx. 
version: 18.6.2008
*/

/****** Normalisieren ******/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font face="Georgia,Times New Roman,Times,serif"
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
}

fieldset, img {
border: none;
}

a:focus {
-moz-outline: 0;
}

a {
text-decoration: none;
}

/****** Layout ******/
html {
background-color: #fff;
}

body {
text-align: center;
color: #333;
font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
background: transparent url(../i/ly/header-bg.png) no-repeat top center;
}


#kopf {
position: relative;
width: 902px;
height: 160px;
margin: 0 auto 20px auto;
}

#wrapper {
position: relative;
width: 902px;
margin: 0 auto 20px auto;
text-align: left;
}

img#key {
border: 1px solid #999;
width: 902px;
height: 260px;
margin: 0 0 20px 0;
}

#sn {
position: relative;
float:left;
width: 230px;
}

#content {
position: relative;
width: 645px;
margin: 0 0 0 254px;
}

#footer {
clear: left;
width: 100%
height: 55px;
margin: 20px auto;
padding: 10px 0;
color: #333;
font-size: 11px;
border-top: 1px solid black;
}


/****** Kopf-Elemente ******/

h1#logo a {
display: block;
position: absolute;
width: 260px;
height: 65px;
right: 5px;
top: 5px;
}

p#User-EN {
position: absolute;
width: 400px;
height: 61px;
right: 0px;
top: 20px;
background: transparent url(../i/ly/User-EN.png) no-repeat top right;
text-indent: -99999px;
}

p#User-EN a {
display: block;
width: 400px;
height: 61px;
}

p#User-DE {
position: absolute;
width: 400px;
height: 61px;
right: 0px;
top: 20px;
background: transparent url(../i/ly/User-DE.png) no-repeat top left;
text-indent: -99999px;
}

p#User-DE a {
display: block;
width: 400px;
height: 61px;
}

/* KOPFLISTE */

ul#kopfliste {
position: absolute;
left: 0px;
top:125px;
width: 670px;
}

ul#kopfliste li {
position: absolute;
height: 35px;
line-height: 35px;
}


ul#kopfliste a {
color: transparent;
}

#dt {
left:553px;
width: 20px;
background: transparent url(../i/ly/dt.png) no-repeat center left;
}

#en {
left:553px;
width: 20px;
background: transparent url(../i/ly/en.png) no-repeat center left;
}

#en2 {
left:577px;
width: 20px;
background: transparent url(../i/ly/en.png) no-repeat center left;
}

#es {
left:577px;
width: 20px;
background: transparent url(../i/ly/es.png) no-repeat center left;
}

#es2 {
left:601px;
width: 20px;
background: transparent url(../i/ly/es.png) no-repeat center left;
}

#ru {
left:601px;
width: 20px;
background: transparent url(../i/ly/ru.png) no-repeat center left;
}

#ru2 {
left:625px;
width: 20px;
background: transparent url(../i/ly/ru.png) no-repeat center left;
}

#cn {
left: 625px;

background: transparent url(../i/ly/cn.png) no-repeat center left;
}

#en a, ul#kopfliste li#en2 a, ul#kopfliste li#cn a, ul#kopfliste li#dt a, ul#kopfliste li#ru a, ul#kopfliste li#ru2 a, ul#kopfliste li#es a, ul#kopfliste li#es2 a {
display: block;
width: 21px;
height: 35px;
text-indent: 0px;
}


/******* Suche ********/

#suche {
position: absolute;
top: 125px;
left: 670px;
height: 35px;
}

#suche input {
position: absolute;
height: 15px;
top: 8px;
left:0;
width: 190px;
}

#suche input.suchbutton {
position: absolute;
width: 19px;
height: 35px;
top: 0;
left: 201px;
}

/****** Content-Elemente ******/

ul#downloadliste {
left: 0px;
}

ul#downloadliste li {
background: transparent url(../i/ly/pdf.png) no-repeat 0px 1px;
padding: 0 0 0 25px;
margin: 0 0 10px 0;
}


ul#downloadliste li a {
color: #002D48;
}

ul#downloadliste li a:hover {
color: #002D48;
text-decoration: underline;
}

ul#ebook {
left: 0px;
}

ul#ebook li {
background: transparent url(../i/ly/ebook.png) no-repeat 0px 1px;
padding: 0 0 0 25px;
margin: 0 0 10px 0;
}


ul#ebook li a {
color: #002D48;
}

ul#ebook li a:hover {
color: #002D48;
text-decoration: underline;
}


#content ul {
margin: 0 0 15px 0;
}

#content ul.vorteile {
margin: 0 0 15px 0;
padding:0;
}

#content ul.vorteile li {
margin: 0 0 2px 0;
padding: 0 0 0 10px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 6px;
}


#content ul.linkliste {
margin: 0 0 15px 0;
}


#content object {
margin: 0 0 10px 0;
}

/* Tabelle */

#content table.tab {
width: 100%;
margin: 0 0 15px 0;
border-collapse: collapse;
}

#content table.tab td {
padding: 5px 10px;
border-top: 1px solid #002D48;
}

#content th.left, #content th.right {
background: #004D7A;
color: #fff;
font-weight:normal;
width: 50%;
padding: 10px;
border-bottom: 1px solid #002D48;
}

#content th.left {border-right: 1px solid #002D48;}
#content th.right {border-left: 1px solid #002D48;}

table.tab tr.streifen {
background: #ccc;
}

/* ENDE Tabelle */

/* Referenzdatenbank-Suche */

#content a.neuesuche {
color: #fff;
border: 1px solid #002D48;
background-color: #004D7A;
padding: 5px;
}


/****** Footer-Elemente ******/
ul#fussliste {
position: relative;
width:902px;
margin: 0 auto;
}

ul#fussliste li {
position: absolute;
list-style: none;
}

ul#fussliste a {
color: #333;
text-decoration: none;
}

#copyright {
position: absolute;
left: 0px;
}

#impressum {
position: absolute;
right: 60px;
text-align: right;
}

#print {
position: absolute;
right: 26px;
background: transparent url(../i/ly/print.png) no-repeat 0 0;
}

#print a, #top a {
display: block;
width: 16px;
height: 16px;
text-indent: -99999px;
}

#top {
position: absolute;
right: 0;
background: transparent url(../i/ly/top.png) no-repeat 0 0;
}


/****** Hauptnavigation ******/
ul#hn {
position: absolute;
top:132px;
left:8px;
height:15px;
width: 452px;
border-top: 0px solid #999;
border-left: 0px solid #999;
border-right: 0px solid #999;
font-size: 10px;
}

ul#hn li {
position: absolute;
display: block;
}

ul#hn li#news {width: 89px; top: 0px; left: 0px;}

ul#hn li#uu {width: 79px; top: 0px;left: 89px;}

ul#hn li#systeme {width: 79px;top: 0px;left: 168px;}

ul#hn li#service {width: 70px;top: 0px;left: 247px;}

ul#hn li#downloads {width: 84px;top: 0px;left: 317px;}

ul#hn li#kontakt {width: 76px;top: 0px;left: 400px;}


ul#hn li a {
line-height: 19px;
color: #000;
text-decoration: none;
display:block;
background: url(../i/ly/hn-bg.png) no-repeat top left;
}

ul#hn li a:hover, ul#hn li a.hnaktiv {
color: #fff;
text-decoration: none;
background: url(../i/ly/hn-hover-bg.png) no-repeat top left;
display:block;
}


/****** Subnavigation ******/

ul#subnav {
margin: 0 0 10px 0;
}
#sn li a {
display:block;
text-decoration: none;
color: #333;
}

#sn li.sn1-hi {
font-size: 20px;
font-family: Georgia,Times New Roman,Times,serif;
font-weight: bold;
color: #000000;
padding: 0 0 10px 0;

}

#sn li.sn2 {
font-size: 16px;
font-family: Georgia,Times New Roman,Times,serif;
background: transparent url(../i/ly/sn-linie.png) repeat-x top left;
padding: 10px 0;
}

#sn li.sn2 a:hover {
color: #004D7A;
}

#sn li.sn2-hi {
font-size: 16px;
font-family: Georgia,Times New Roman,Times,serif;
font-weight: bold;
color: #002D48;
background: transparent url(../i/ly/sn-linie.png) repeat-x top left;

padding: 10px 0 10px 10px;
}

#sn li.sn3 {
font-size: 16px;
font-family: Georgia,Times New Roman,Times,serif;
color: #333;
padding: 0 0 5px 25px;
background: url(../i/ly/s-sn-pfeil.png) no-repeat 15px 6px;
}

#sn li.sn3-hi {
font-size: 16px;
font-family: Georgia,Times New Roman,Times,serif;
color: #333;
padding: 0 0 5px 25px;
background: url(../i/ly/s-sn-dunkelpfeil.png) no-repeat 15px 6px;
}


#sn li.sn3 a:hover {
color: #004D7A;
}


/****** Typo ******/
h1, h2, h3 {
font-weight: bold;
font-size: 2em;
font-family: Georgia,Times New Roman,Times,serif;
}

h2 {
color: #000000;
font-size: 24px;
margin: 0 0 10px 0;
}

h2.newsliste {
color: #000000;
font-size: 18px;
margin: 0 0 5px 0;
}

h3 {
color: #000000;
font-size: 18px;
margin: 0 0 5px 0;
}

h3.linkliste-h3 {
color: #000000;
font-size: 18px;
margin: 0 0 10px 0;
}

h3#download {
background: transparent url(../i/ly/sn-linie.png) repeat-x 0 0;
padding: 1px 0 0 0;
margin: 0 0 10px 0;
}

h2.monat {
background: transparent url(../i/ly/sn-linie.png) repeat-x bottom left;
padding: 0 0 11px 0;
margin: 0 0 10px 0;
}

h3.monat {
background: transparent url(../i/ly/sn-linie.png) repeat-x bottom left;
padding: 0 0 11px 0;
margin: 0 0 10px 0;
}

#content p {
margin: 0 0 15px 0;
}

#conten p strong {
font-weight: bold;
color: #002D48;
}


#content p.downloads {
margin:0 0 15px 0;
padding:0 0 0 35px;
background: transparent url(../i/ly/pdf.png) no-repeat left 0px;
}

/****** Links ******/
#content a, #content p a, #content ul li a {
text-decoration: none;
color: #004D7A;
}

#content p a:hover, #content ul li a:hover {
text-decoration: underline;
}


/****** Bilder + Flash + Links zu Flash-Seite ******/

#content img.content-trenner {
margin: 0 0 15px 0;
}

#content img.cnt {
border: 1px solid #ccc;

margin: 0 0 5px 0;
}

.kleinesbild {
position: relative;
text-align: center;
width: 646px;
margin: 0 0 10px 0;
padding: 25px 0;
background: #fff;
border: 1px solid #ccc;
}


#content #imagefilm {
position: relative;
text-align: center;
width: 646px;
margin: 0 0 10px 0;
padding: 25px 0;
background: #fff;
border: 1px solid #ccc;
}

#content #map {
border: 1px solid #CCC;
padding: 2px;
margin: 0 0 5px 0;
height:450px;
width: 643px;
}


p.video {
background: transparent url(../i/ly/flash.png) no-repeat 0 0px;
padding: 0 0 0 36px;
margin: 0 0 10px 0;
line-height: 32px;
}

p.video a {
color: #002D48;
}

p.video a:hover {
color: #002D48;
text-decoration: underline;
}

/****** GoogleMaps ******/

#content #routeinput {
width: 645px;
margin: 0 0 25px 0;
text-align: center;
}


#content #directions {
float:left;
width: 270px;
}

#content #map_canvas {
width: 355px;
height: 400px;
margin: 0 0 0 290px;
border: 1px solid #ccc;
}

.start {
width: 310px;
margin: 0 15px;
}