/*

pinx. Buero fuer Mediendesign
fuer hea.de
im 05 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%;
}

ul, ol {
list-style: none;
}

fieldset, img {
border: none;
}

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

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

/******************************
 * Typo
******************************/
#Hauptspalte h2, #Hauptspalte2 h2 {
font-size: 24px;
color: #666;
font-weight: normal;
margin: 0 0 10px 0;
text-shadow: #d8d8d8 1px 1px 2px;
}

#Hauptspalte h3 {
font-size: 16px;
color: #000;
font-weight: normal;
margin: 0 0 5px 0;
}

#Hauptspalte2 h3 {
font-size: 16px;
color: #000;
font-weight: normal;
margin: 0 0 5px 0;
text-shadow: #d8d8d8 1px 1px 2px;
}

h4 {
color: #666;
}

p, ul {
margin: 0 0 15px 0;
}

#kruemelnav ul {
margin: 0;
}

p.Datum {
font-style: italic;
margin: 0;
}

p.Startseite {
line-height: 1.5;
margin: 0;
}

p.weiter {
text-align: right;
padding: 0 0 5px 0;
border-bottom: 1px solid #d9d9d9;
}

p.last {
text-align: right;
padding: 0 0 5px 0;
border-bottom: none;
}

p.Unterstrich {
padding: 0 0 10px 0;
border-bottom: 1px solid #d9d9d9;
}

p.error {
padding: 10px;
border: 2px solid #f30;
background: #f1f1f1;
}

p.ok {
padding: 10px;
border: 2px solid #00cc00;
background: #f1f1f1;
}

/******************************
 * Farbschluessel
******************************/

#Hauptspalte2.fsFachwissen h2, #Hauptspalte2.fsFachwissen a {color: #c41820;}
#Hauptspalte2.fsShop h2, #Hauptspalte2.fsShop a {color: #859f00;}
#Hauptspalte2.fsAkademie h2, #Hauptspalte2.fsAkademie a {color: #31692d;}
#Hauptspalte2.fsBildDB h2, #Hauptspalte2.fsBildDB a {color: #002d6a;}
#Hauptspalte2.fsDruckservice h2, #Hauptspalte2.fsDruckservice a {color: #1ca8d3;}


#Hauptspalte2.fsFachwissen a, #Hauptspalte2.fsShop a, #Hauptspalte2.fsAkademie a, #Hauptspalte2.fsBildDB a, #Hauptspalte2.fsDruckservice a {text-decoration: none;}

#Hauptspalte2.fsFachwissen a:hover, #Hauptspalte2.fsShop a:hover, #Hauptspalte2.fsAkademie a:hover, #Hauptspalte2.fsBildDB a:hover, #Hauptspalte2.fsDruckservice a:hover {color: #666; text-decoration: none;}


 /* Service Nav Startseite */

ul#ServiceNav {
margin: 0 0 10px 0;
}

ul#ServiceNav a {
display: block;
height: 25px;
line-height: 25px;
text-decoration: none;
padding: 0 0 0 20px;
}

#SpalteLinks ul#ServiceNav a:hover {
color: #666;
}

#SpalteLinks a#Fachwissen {
color: #c41820;
background: transparent url(../i/ly/pfeil-fachwissen.png) no-repeat 0 5px;
}

#SpalteLinks a#Shop {
color: #859f00;
background: transparent url(../i/ly/pfeil-shop.png) no-repeat 0 5px;
}

#SpalteLinks a#Akademie {
color: #31692d;
background: transparent url(../i/ly/pfeil-akademie.png) no-repeat 0 5px;
}

#SpalteLinks a#Bilddatenbank {
color: #002d6a;
background: transparent url(../i/ly/pfeil-bilddatenbank.png) no-repeat 0 5px;
}

#SpalteLinks a#Druckservice {
color: #1ca8d3;
background: transparent url(../i/ly/pfeil-druckservice.png) no-repeat 0 5px;
}


/* Suchboxen Unterseiten */

#SuchBox {
position: relative;
display: block;
height: 94px;
margin: 0 0 6px 0;
}

#SuchBox.fachwissen {background: transparent url(../i/ly/suchbox-fachwissen.png) no-repeat top left;}
#SuchBox.shop {background: transparent url(../i/ly/suchbox-shop.jpg) no-repeat top left;}
#SuchBox.akademie {background: transparent url(../i/ly/suchbox-akademie.png) no-repeat top left;}
#SuchBox.bilddatenbank {background: transparent url(../i/ly/suchbox-bilddatenbank.png) no-repeat top left;}
#SuchBox.druckservice {background: transparent url(../i/ly/suchbox-druckservice.png) no-repeat top left;}


#SuchBox form {
position: absolute;
top: 58px;
left: 10px;
width: 160px;
height: 20px;
}

#TeilSuche {
position: absolute;
top: 3px;
left: 14px;
line-height: 12px;
font-size: 11px;
background: none;
border: none;
width: 110px;
}

#LupeTeilbereich {
position: absolute;
top: 0px;
left: 142px;
}

/* Service Links */

a.service {
display: block;
height: 30px;
line-height: 30px;
padding: 0 0 0 35px;
}

a#fachwissen.service {background: transparent url(../i/ly/sl-fachwissen.png) no-repeat top left;}
a#shop.service {background: transparent url(../i/ly/sl-shop.png) no-repeat top left;}
a#akademie.service {background: transparent url(../i/ly/sl-akademie.png) no-repeat top left;}
a#bilddb.service {background: transparent url(../i/ly/sl-bilddb.png) no-repeat top left;}
a#druckservice.service {background: transparent url(../i/ly/sl-druckservice.png) no-repeat top left;}

/* Initiativen Links */

a#eplus.service {background: transparent url(../i/ly/sl-eplus.png) no-repeat top left; color: #eeba00;}
a#hgplus.service {background: transparent url(../i/ly/sl-hgplus.png) no-repeat top left; color: #0066ab;}
a#wplus.service {background: transparent url(../i/ly/sl-wplus.png) no-repeat top left; color: #fe4800;}

/* Grafik Link */

a#standard.service {background: transparent url(../i/ly/sl-standard.png) no-repeat top left; color: #e32800;}


/* Unternavigation Serviceseiten */

#SpalteLinks2 div.BoxContent li {
padding: 0 0 0 7px;
background: transparent url(../i/ly/bullet-klein.png) no-repeat 0 9px;
}

#SpalteLinks2 div.BoxContent li.sub {
padding: 0 0 0 14px;
background: transparent url(../i/ly/bullet-klein.png) no-repeat 7px 9px;
}


#SpalteLinks2.bnFachwissen div.BoxContent a, #SpalteLinks2.bnShop div.BoxContent a, #SpalteLinks2.bnAkademie div.BoxContent a, #SpalteLinks2.bnBildDB div.BoxContent a, #SpalteLinks2.bnDruckservice div.BoxContent a {
color: #424242;
text-decoration: none;
}

#SpalteLinks2.bnFachwissen div.BoxContent a:hover, #SpalteLinks2.bnFachwissen div.BoxContent a.hi {color: #c41820;}
#SpalteLinks2.bnShop div.BoxContent a:hover, #SpalteLinks2.bnShop div.BoxContent a.hi {color: #859f00;}
#SpalteLinks2.bnAkademie div.BoxContent a:hover, #SpalteLinks2.bnAkademie div.BoxContent a.hi {color: #31692d;}
#SpalteLinks2.bnBildDB div.BoxContent a:hover, #SpalteLinks2.bnBildDB div.BoxContent a.hi {color: #002d6a;}
#SpalteLinks2.bnDruckservice div.BoxContent a:hover, #SpalteLinks2.bnDruckservice div.BoxContent a.hi {color: #1ca8d3;}


/******************************
 * Layout
******************************/
html {
text-align: center;
height: 100%;
}

body {
color: #333;
background: #f2f2f2 url(../i/ly/bg-body.png) center top repeat-y;
font: 13px/1.5 Arial, Verdana, sans-serif;
height: 100%;
}

#Seite {
text-align: left;
width: 986px;
margin: 0 auto;
}


/* Logo, Navigation, Suche */


#Head {
position: relative;
height: 185px;
}

#Head.Unterseite {
margin: 0 0 20px 0;
}

/* Logo */

#Head h1 {
position: absolute;
top: 30px;
left: 41px;
width: 317px;
height: 43px;
background: transparent url(../i/ly/logo.png) no-repeat top left;
text-indent: -99999px;
}

#Head h1 a {
display: block;
width: 317px;
height: 43px;
}

/* Hauptnavigation */

#Head ul#Hauptnavigation {
position: absolute;
top: 100px;
left: 23px;
width: 940px;
height: 38px;
border-bottom: 1px solid #999;
}

#Head ul#Hauptnavigation li {
position: absolute;
top: 1px;
width: 83px;
height: 38px;
}

li#hea {left: 18px;}
li#service {left: 100px;}
li#initiativen {left: 182px;}
li#news {left: 264px;}
li#presse {left: 346px;}
li#links {left: 428px;}
li#kontakt {left: 510px;}
ul#Hauptnavigation li#mitglieder {left: 754px; width: 168px;}

#Head ul#Hauptnavigation a {
display: block;
text-align: center;
line-height: 40px;
letter-spacing: 1px;
color: #424242;
text-decoration: none;
background: transparent url(../i/ly/bg-button.png) no-repeat top left;
}

#Head ul#Hauptnavigation li#mitglieder a {
background: transparent url(../i/ly/bg-button-mtgl.png) no-repeat top left;
}

#Head ul#Hauptnavigation a:hover {
color: #e32800;
background: transparent url(../i/ly/bg-button-hover.png) no-repeat top left;
}

#Head ul#Hauptnavigation a.hi, #Head ul#Hauptnavigation a:hover.hi {
color: #e32800;
background: transparent url(../i/ly/bg-button-hi.png) no-repeat top left;
}

#Head ul#Hauptnavigation li#mitglieder a:hover {
background: transparent url(../i/ly/bg-button-mtgl-hover.png) no-repeat top left;
}

#Head ul#Hauptnavigation li#mitglieder a.hi, #Head ul#Hauptnavigation li#mitglieder a:hover.hi {
background: transparent url(../i/ly/bg-button-mtgl-hi.png) no-repeat top left;
}

/* Suche */

#Head form {
position: absolute;
top: 152px;
left: 782px;
width: 160px;
height: 24px;
background: transparent url(../i/ly/bg-suche-global.png) no-repeat 0 2px;
}

#GlobaleSuche {
position: absolute;
top: 4px;
left: 7px;
line-height: 12px;
font-size: 11px;
background: none;
border: none;
width: 120px;
}

#LupeGlobal {
position: absolute;
top: 1px;
left: 142px;
}

/* Unternavigation */

#Head ul#UnterNavigation {
position: absolute;
top: 155px;
left: 66px;
}

#Head ul#UnterNavigation li {
display: inline;
padding: 0 10px 0 0;
}

#Head ul#UnterNavigation a {
text-align: left;
color: #424242;
text-decoration: none;
background: transparent url(../i/ly/pfeil-subnav.png) no-repeat 0 5px;
padding: 0 0 0 9px;

}

#Head ul#UnterNavigation a:hover, #Head ul#UnterNavigation a.hi {
color: #e32800;
background: transparent url(../i/ly/pfeil-subnav-hi.png) no-repeat 0 5px;
}


/* Inhalt */

#Inhalt {
padding: 0 40px;
}

#SpalteLinks, #SpalteLinks2 {
width: 184px;
float: left;
padding: 0 0 15px 0;
}

#HauptUndRechteSpalte {
margin: 0 0 0 204px;
padding: 2px 0 15px 0;
}

#Hauptspalte {
width: 498px;
float: left;
}

#Hauptspalte2 {
width: 650px;
padding: 0 40px 0 0;
}

p.rss {
background: transparent url(../i/ly/bg-rss.png) no-repeat top left;
}

p.listeStartseiteAkademie {
background: transparent url(../i/ly/bg-listeAkademie.png) no-repeat top left;
}

p.user, ul.user li {
color: #999;
font-style: italic;
font-size: 12px;
}

#Hauptspalte2 ul.user li {
background: none;
padding: 0;
}

#Hauptspalte2 p.user a {
color: #999;
}

#Hauptspalte2 p.user a:hover {
color: #e32800;
}

#Hauptspalte p.rss a, #Hauptspalte p.listeStartseiteAkademie a {
position: relative;
font-size: 12px;
display: block;
width: 498px;
height: 28px;
color: #e3280;
line-height: 28px;
text-decoration: none;
}

#Hauptspalte p.listeStartseiteAkademie a, #Hauptspalte ul.listeAkademie a {
color: #265520;
}

#Hauptspalte p.rss a:hover, #Hauptspalte p.listeStartseiteAkademie a:hover, #Hauptspalte ul.listeAkademie a:hover {
color: #666;
}

p.rss a strong {
font-weight: normal;
color: #fff;
margin: 0 23px 0 14px;
text-shadow: #666 0px 1px 0px;
}

p.listeStartseiteAkademie a strong {
font-weight: normal;
color: #fff;
margin: 0 23px 0 14px;
text-shadow: #000 0px 1px 0px;
}


#Hauptspalte ul.listeAkademie li {
border-bottom: 1px solid #d9d9d9; 
margin: 0 0 3px 0; 
padding: 0 0 3px 0;
}

#SpalteRechts {
margin: 0 0 0 514px;
width: 184px;
}

#footer {
color: #999;
font-size: 12px;
position: relative;
border-top: 1px solid #d9d9d9;
height: 30px;
margin: 0 0 25px 0;
clear: both;
}

#footer li {
top: 0;
position: absolute;
line-height: 30px;
}

#Copyright {left: 0;}
#Impressum {left: 765px;}


/******************************
 * Kruemelnav
******************************/
#Hauptspalte2 #kruemelnav {
position: relative;
width: 662px;
height: 44px;
margin: 0 0 15px 0;
background: transparent url(../i/ly/bg-kruemelnav.png) no-repeat 0 0;
}

#Hauptspalte2 #kruemelnav li {
display: inline;
background: none;
padding: 0;
}

#Hauptspalte2 #kruemelnav a {
display: block;
height: 44px;
line-height: 44px;
color: #575757;
text-decoration: none;
font-size: 12px;
padding: 0 0 0 17px;
margin: 0 6px 0 0;
float: left;
background: transparent url(../i/ly/bg-pfeil-kruemelnav.png) no-repeat 0 3px;
}

#Hauptspalte2 #kruemelnav a:hover {
color: #999;
}

#Hauptspalte2 #kruemelnav a.home {
background: none;
text-indent: -99999px;
width: 18px;
}

/******************************
 * Info Kaesten
******************************/
.Box {
width: 188px;
margin: 0 0 7px 0;
background: transparent url(../i/ly/bg-kasten.png) no-repeat bottom 
}

.BoxBanner {
width: 188px;
margin: 0 0 15px 0;
background: transparent url(../i/ly/bg-kasten.png) no-repeat bottom 
}

.BoxLinie {
height: 6px;
background: transparent url(../i/ly/bg-kasten-linie-oben.png) no-repeat top left;
}

.BoxReiter {
height: 30px;
background: transparent url(../i/ly/bg-reiter-grau.png) no-repeat top left;
}

.BoxKasten {
width: 188px;
background: transparent url(../i/ly/bg-kasten.png) no-repeat bottom left;
}

.BoxKastenBanner {
width: 188px;
height: 173px;
background: transparent url(../i/ly/bg-kasten.png) no-repeat bottom left;
}

.BoxContent {
padding: 10px 15px 7px 15px;
}

.BoxReiter h3 {
color: #fff;
letter-spacing: 1px;
font-size: 15px;
font-weight: normal;
line-height: 33px;
margin: 0 0 0 15px;
text-shadow: #7f7f7f 1px 1px 2px;
}

.BoxContent h3 {
color: #e32800;
letter-spacing: 1px;
font-size: 15px;
font-weight: normal;
margin: 0 0 1px 0;
}

.BoxContent p {
line-height: 1.4;
margin: 0 0 10px 0;
}


/* MOOSTICKER */

.BoxContent ul#moostick  {
display: block;
height: 145px;
width: 154px;
}

.BoxContent ul#moostick li {
display: block;
height: 145px;
width: 154px;
}

.BoxContent ul#moostick a  {
display: block;
height: 145px;
width: 154px;
}



/******************************
 * Links
******************************/
#Hauptspalte a, #Hauptspalte2 a, #SpalteLinks .BoxContent a, #SpalteRechts .BoxContent  a {
text-decoration: none;
color: #e32800;
}

#Hauptspalte a:hover, #Hauptspalte2 a:hover, #SpalteLinks .BoxContent a:hover, #SpalteRechts .BoxContent  a:hover {
color: #666;
}

#footer a {
height: 20px;
color: #999;
text-decoration: none;
}

#footer a.Print {
padding: 0 20px 0 0;
background: transparent url(../i/ly/printer-icon.png) no-repeat center right;
}

#footer a:hover {
color: #e32800;
}


/* Initiativen Links im Banner */
.BoxContent #initiativmap {
position: relative; 
height: 146px;
}

.BoxContent #initiativmap img {
position: absolute; 
top: 0; 
left: 0;
}

.BoxContent #initiativmap a {
display: block;
width: 158px;
text-indent: -99999px;
}

.BoxContent #initiativmap a#eplus {top: 0; left: 0; background: transparent url(../i/ly/b-eplus.png) no-repeat top left; height: 39px;}
.BoxContent #initiativmap a#hgplus {top: 47px; left: 0; background: transparent url(../i/ly/b-hgplus.png) no-repeat top left; height: 53px;}
.BoxContent #initiativmap a#wplus {top: 95px; left: 0; background: transparent url(../i/ly/b-wplus.png) no-repeat top left; height: 39px;}


#Hauptspalte2 a.weiter {
background: transparent url(../i/ly/pfeil-subnav-hi.png) no-repeat 0 5px;
padding: 0 0 0 9px;
}

#Hauptspalte2 a.weiter:hover {
background: transparent url(../i/ly/pfeil-subnav.png) no-repeat 0 5px;
padding: 0 0 0 9px;
}

/******************************
 * Listen Hauptpalte
******************************/
#Hauptspalte2 li {
padding-left: 12px;
background: transparent url(../i/ly/bullet.png) no-repeat 0 7px;
}

#Hauptspalte2 ul.adresse li {
padding-left: 0px;
background: none;
}

#Hauptspalte2 div.linkliste a {
color: #333;
}

#Hauptspalte2 div.linkliste a:hover {
color: #e32800;
}

/******************************
 * Bilder
******************************/
#Hauptspalte2 img { /* Max. Breite in der Hauptspalte 635px */
border: 1px solid #d9d9d9;
}

#HauptUndRechteSpalte img {
margin: 0 0 20px 0;
}

/* Gilt nur fuer Bearbeitungsmodus in webEdition */
#HauptUndRechteSpalte td img {
margin: 0;
}

#SpalteRechts .BoxContent img, #SpalteLinks .BoxContent img {
margin: 0 0 12px 0;
}

#SpalteLinks .BoxKastenBanner .BoxContent img {
margin: 0;
padding: 0;
}

/******************************
 * Tabelle Vorstand
******************************/

table.vorstand {
width: 635px;
margin: 0 0 25px 0;	
}

table.vorstand th, table.vorstand td {
border-top: 1px solid #ccc;
padding: 10px;
vertical-align: top;
}

table.vorstand th {
padding: 2px 10px;
}

table.vorstand th {
border-bottom: 1px solid #d9d9d9;
background: #f1f1f1;
}

#Hauptspalte2 table.vorstand h3 {
margin: 0;
}

table.vorstand td.tdbreite {
width: 250px;
}


/******************************
 * Personen
******************************/
.person {
height: 150px;
padding: 10px 0 0 115px;
margin: 0 0 15px 0;
border-top: 1px solid #d9d9d9;
}

#witt {
background: transparent url(/i/cnt/hea/p-witt.jpg) no-repeat top left;
}

#conradi {
background: transparent url(/i/cnt/hea/p-conradi.jpg) no-repeat top left;
}

#kaemper {
background: transparent url(/i/cnt/hea/p-kaemper.jpg) no-repeat top left;
}

#sperr {
background: transparent url(/i/cnt/hea/p-sperr.jpg) no-repeat top left;
}

#zander {
background: transparent url(/i/cnt/hea/p-zander.jpg) no-repeat top left;
}

#oberascher {
background: transparent url(/i/cnt/hea/p-oberascher.jpg) no-repeat top left;
}

#bleibaum {
background: transparent url(/i/cnt/hea/p-bleibaum.jpg) no-repeat top left;
}

#koehler {
background: transparent url(/i/cnt/hea/p-koehler.jpg) no-repeat top left;
}

#leitner {
background: transparent url(/i/cnt/hea/p-leitner.jpg) no-repeat top left;
}

#lehr {
background: transparent url(/i/cnt/hea/p-lehr.jpg) no-repeat top left;
}


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


form.content fieldset {
color: #666;
margin: 0 0 20px 0;
padding: 10px 0;
border-top: 1px solid #ccc;
}

form.content legend {
font-size: 18px;
color: #666;
font-weight: normal;
text-shadow: #d8d8d8 1px 1px 2px;
padding: 0 5px;
}

form.content label {
display: block;
float: left;
width: 100px;
line-height: 20px;
}

form.content input {
border: 1px solid #ccc;
height: 16px;
width: 220px;
}

form.content input.checkbox, form.content input.radio {
border: none;
width: auto;
height: auto;
margin: 0 5px 0 0;
}

form.content textarea {
border: 1px solid #ccc;
height: 150px;
width: 220px;
}

form.content select {
width: 220px;
}

form.content input.einloggen {
width: 118px;
height: 19px;
border: none;
}

#Hauptspalte2 form ul {
margin: 15px 0 0 0;
}

#Hauptspalte2 form ul li {
background: none;
margin: 0 0 10px 0;
padding-left: 0;
}

/******************************
 * Thumbnails Pressetext
******************************/

div.presse {
border: 1px solid #ccc;
background: #f1f1f1;
margin: 0 0 15px 0;
padding: 10px;
}

#Hauptspalte2 div.presse img {
margin: 0;
padding: 2px;
background: #fff;
}

#Hauptspalte2 div.presse a {
margin: 0 5px 0 0;
}


/******************************
 * Thumbnails Infografiken
******************************/

ul.presse {
position: relative;
border: 1px solid #ccc;
background: #f1f1f1;
margin: 0 0 15px 0;
height: 175px;
}

#Hauptspalte2 ul.presse li {
background: none;
padding: 0;
}

#Hauptspalte2 ul.presse li.bild {
position: absolute;
width: 200px;
height: 150px;
top: 10px;
left: 10px;
}

#Hauptspalte2 ul.presse li.text {
position: absolute;
width: 415px;
top: 10px;
left: 230px;
}

#Hauptspalte2 ul.presse li.bild img {
margin: 0;
padding: 2px;
background: #fff;
}


/******************************
 * Einrueckung Index-Zahlen Fachwissen
******************************/

ul.adresse span {
display: block;
float: left;
width: 55px;
}