/*

pinx. Buero fuer Mediendesign
fuer Kraftwerke Mainz Wiesbaden
im 06 2007

*/


/*****************************************************
* 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%;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: none;
}

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

/******************************
 * Layout
******************************/

html {
text-align: center;
}

body {
width: 946px;
margin: 30px auto;
text-align: left;
background: #d5d5d5 url(../i/ly/bg_body.png) repeat-x top left;
font: 13px/1.5 Verdana, sans-serif;

}

#logo {
position: relative;
width: 946px;
height: 231px;
background: transparent url(../i/ly/bg_logo.png) no-repeat top left;
}

#logo img {
position: absolute;
top: 2px;
left: 3px;
}


#inhalt {
background: #fff;
padding: 25px 0 0 0;
background: transparent url(../i/ly/bg_inhalt.png) repeat-y top left;
}

#nav {
margin: 0 0 0 18px;
display: block;
width: 194px;
float: left;
}

#hauptinhalt {
margin: 0 0 0 230px;
}

#textspalte {
display: block;
width: 410px;
float: left;
}

#textspalte.breit {
display: block;
width: 640px;
}

#aktuelles {
margin: 0 0 0 460px;
width: 230px;
}

#info {
position: relative;
clear: both;
background: transparent url(../i/ly/bg_info.png) no-repeat bottom left;
height: 43px;
padding: 25px 0 0 0;
}

#info ul {
margin: 0;
}

/******************************
 * Typo
******************************/
h1, h2, h3, h4, p, ul {
margin: 0 0 1.5em 0;
font-weight: normal;
}

h1 {
text-shadow: 1px 1px 2px #ccc;
font-size: 20px;
margin: 0 0 .5em 0;
color: #D60E16;
}

h2 {
text-shadow: 1px 1px 2px #ccc;
font-size: 16px;
margin: 0 0 0.5em 0;
color: #D60E16; 
}

h3 {
text-shadow: 1px 1px 2px #ccc;
font-size: 12px;
font-weight: bold;
margin: 0 0 0.1em 0;
color: #333;
}

span {
color: #ccc;
font-style: italic;
}

p.trenner {
border-bottom: 1px solid #ccc; 
padding-bottom: 10px; 
width: 380px;
}
/******************************
 * Navigation
******************************/
#nav li a {
display: block;
width: 191px;
height: 26px;
line-height: 26px;
text-decoration: none;
color: #000;
padding: 0 0 0 22px;
font-size: 12px;
}

#nav li a:hover {
color: #fff;
background: transparent url(../i/ly/nav_bg_level_1_hi.png) no-repeat top left;
}

#nav li a.hi, #nav li a.hi:hover  {
color: #fff;
background: transparent url(../i/ly/nav_bg_level_1.png) no-repeat top left;
}

#nav li a.sub {
padding: 0 0 0 37px;
color: #666;
background: transparent url(../i/ly/nav_bg_level_2.png) no-repeat top left;
}

#nav li a.sub:hover {
padding: 0 0 0 37px;
color: #fff;
background: transparent url(../i/ly/nav_bg_level_2_hi.png) no-repeat top left;
}

#nav li a.subhi {
padding: 0 0 0 37px;
color: #fff;
background: transparent url(../i/ly/nav_bg_level_2_hi.png) no-repeat top left;
}

/******************************
Textspalte
******************************/
#textspalte li {
padding: 0 0 0 10px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 8px;
margin: 0 0 3px 0;
}

#textspalte ul.adresse li {
padding: 0 0 0 0;
background: none;
}

#textspalte ul.presseinfo li {
padding: 0 0 5px 10px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 8px;
}

#textspalte a {
color: #D60E16;
text-decoration: none;
border-bottom: 1px solid #fff;
padding: 0 0 2px 0;

}

#textspalte a:hover {
border-bottom: 2px solid #D60E16;
}


#textspalte a.bildlink:hover {
border-bottom: none;
text-decoration: none;
}


#textspalte img {
border: 1px solid #ccc;
padding: 1px;
margin: 0 0 15px 0;
}

/******************************
 * Links Aktuell
******************************/
#aktuelles p a {
color: #D60E16;
border-bottom: 1px solid #fff;
text-decoration: none;
}

#aktuelles a:hover {
border-bottom: 2px solid #D60E16;
}

/******************************
 * Links Info
******************************/
#info li a {
position: absolute;
display: block;
width: 84px;
height: 19px;
text-indent: -99999px;
}

a#kontakt {top: 34px; left: 20px; background: transparent url(../i/ly/bg_kontakt.png) no-repeat top left;}
a#impressum {top: 34px; left: 111px; background: transparent url(../i/ly/bg_impressum.png) no-repeat top left;}
a#kontakt:hover, a#kontakt.hi {background: transparent url(../i/ly/bg_kontakt_hi.png) no-repeat top left;}
a#impressum:hover, a#impressum.hi {background: transparent url(../i/ly/bg_impressum_hi.png) no-repeat top left;}

/******************************
 * Downloads, Links
******************************/
#aktuelles ul.dloads {
padding: 45px 0 0 20px;
background: transparent url(../i/ly/bg_downloads.png) no-repeat top left;
}

#aktuelles ul.dloads li {
margin: 0 0 7px 0;
padding: 0 0 0 12px;
background: transparent url(../i/ly/download_pfeil.png) no-repeat 0 6px;
}

#aktuelles ul.dloads a {
color: #D60E16;
text-decoration: none;
padding: 0 0 0px 0px;
border-bottom: 1px solid #fff;
}

#aktuelles ul.dloads a:hover {
color: #D60E16;
border-bottom: 2px solid #D60E16;
}

/******************************
 * Grafiken
******************************/
#aktuelles ul.grafik {
padding: 0;
background: none;
}

#aktuelles ul.grafik li {
margin: 0 0 20px 0;
}

#aktuelles ul.grafik a {
border: none;
padding: 0;
margin: 0 0 5px 0;
text-decoration: none;
}

#aktuelles ul.grafik a:hover {
border: none;
padding: 0;
margin: 0 0 5px 0;
text-decoration: none;
}

#aktuelles ul.grafik img {
margin: 5px 0 5px 0;
}

/******************************
 * Aktuelles
******************************/
#aktuelles p {
border-bottom: 1px solid #e1e1e1;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}

#aktuelles img {
border: 1px solid #ccc;
padding: 1px;
margin: 0 0 10px 0;
}