/*

pinx. Buero fuer Mediendesign
fuer forum-wohnungslueftung.de
im 04 2009

*/


/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p {
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;
}

a {
text-decoration: none;
}

/******************************
 * Typo
******************************/
p {
padding: 0 0 15px 0;
}

p.bedingungen {
font-size: 10px;
}

h4 {
font-size: 12px;
margin: 0 0 5px 0;
}

/******************************
 * Links im Text
******************************/
#textspalte a {
color: #d59b00;
}

#textspalte a:hover {
color: #fcb800;
}

a.bannerlink {
display: block;
width: 570px;
height: 100px;
margin: 0 0 0px 0;
border-bottom: 1px solid white;
}

/******************************
 * Headlines
******************************/
#textspalte h3 {
text-indent: -99999px;
width: 400px;
height: 23px;
margin: 0 0 20px 0;
}

#textspalte h4 {
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
color: #30587C;
}

#textspalte h4.spons {
padding: 0 0 10px 0;
border-bottom: 1px solid #fff;
}

h3#einleitung {background: transparent url(../i/ly/hl-einleitung.png) no-repeat top left;}
h3#programm {background: transparent url(../i/ly/hl-programm.png) no-repeat top left;}
h3#veranstalter {background: transparent url(../i/ly/hl-veranstalter.png) no-repeat top left;}
h3#kontakt {background: transparent url(../i/ly/hl-kontakt.png) no-repeat top left;}
h3#impressum {background: transparent url(../i/ly/hl-impressum.png) no-repeat top left;}
h3#teilnahme {background: transparent url(../i/ly/hl-teilnahme.png) no-repeat top left;}
h3#medienpartner {background: transparent url(../i/ly/hl-medienpartner.png) no-repeat top left;}
h3#sponsoring {background: transparent url(../i/ly/hl-sponsoring.png) no-repeat top left;}

/******************************
 * Listen
******************************/
#textspalte ul {
padding: 0 0 15px 0;
}

#textspalte ul li, #textspalte ul.ob ul.in li {
background: transparent url(../i/ly/bullet.png) no-repeat 0 6px;
padding: 0 0 0 10px;
}

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

#textspalte ul.ob ul.in {
margin: 0;
padding: 0;
}

#textspalte ul.ob li {
background: none;
padding: 0;
margin: 0 0 8px 0;
}

#textspalte ul.ob ul.in li {
margin: 0 0 3px 0;
}

.preis {
font-size: 14px;
color: #d59b00;
}

/******************************
 * Banner Marginalspalte
******************************/
#bannerHea {
position: absolute;
top: 0px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-hea.png) no-repeat top left;
text-indent: -99999px;
}

#bannerSolar {
position: absolute;
top: 103px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-solarpraxis.png) no-repeat top left;
text-indent: -99999px;
}

#bannerVFW {
position: absolute;
top: 206px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-vfw.png) no-repeat top left;
text-indent: -99999px;
}

#bannerDimplex {
position: absolute;
top: 412px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-dimplex.png) no-repeat top left;
text-indent: -99999px;
}


#bannerStiebel {
position: absolute;
top: 309px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-stiebel.png) no-repeat top left;
text-indent: -99999px;
}

#bannerWolf {
position: absolute;
top: 515px;
left: 33px;
width: 253px;
height: 86px;
background: transparent url(../i/ly/banner-wolf.png) no-repeat top left;
text-indent: -99999px;
}

/******************************
 * Tabellen
******************************/
table {
margin: 0 0 25px 0;
}

th {
text-transform: uppercase;
border-bottom: 1px solid #666;
padding: 6px 0;
}

td {
vertical-align: top;
padding: 5px 4px;
border-bottom: 1px solid #666;
}

table.in td {
border-bottom: none;
padding: 0 0 10px 0;
}

/******************************
 * Layout
******************************/
body {
color: #333;
background: #fff;
font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

#container {
width: 940px;
margin: 0 auto;
text-align: left;
}

#head {
position: relative;
width: 940px;
height: 322px;
}

#head h1 {
position: absolute;
width: 320px;
height: 259px;
top: 62px;
left: 0;
background: transparent url(../i/ly/bg-forum-wl.png) no-repeat top left;
text-indent: -99999px;
}

#head h2#hea {
position: absolute;
width: 940px;
height: 61px;
top: 0;
left: 0;
background: transparent url(../i/ly/bg-hea-logo.png) no-repeat top left;
text-indent: -99999px;
}

#head img {
position: absolute;
top: 62px;
left: 540px;
}

/* Navigation */

#head ul {
position: absolute;
width: 218px;
height: 259px;
top: 62px;
left: 321px;
background: #578AA2;
text-align: left;
}

#head ul li.first {
margin: 28px 0 0 0;
border-top: 1px solid #fff;
}

#head ul a {
display: block;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
text-shadow: #333 1px 1px 1px;
border-bottom: 1px solid #fff;
padding: 0 0 0 20px;
}

#head ul a:hover, #head ul a.hi {
background: #2C6283;
}

/* Inhalt */

#inhalt {
width: 940px;
padding: 40px 0 40px 0;
background: #cee8e9 url(../i/ly/bg-inhalt.png) no-repeat top left;
}

#marginalspalte {
position: relative;
width: 320px;
}

#textspalte  {
width: 570px;
margin: 0 0 0 340px;
min-height: 326px;
}

#footer {
height: 100px;
color: #fff;
background: #578AA2 url(../i/ly/bg-footer.png) no-repeat top left;
margin: 0 0 40px 0;
}

#footer a {
color: #fff;
}

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

#footer ul {
position: relative;
}

#footer #impressum {
position: absolute;
top: 39px;
left: 33px;
}

#links {
position: absolute;
top: 39px;
left: 340px;
}

#copy {
position: absolute;
top: 59px;
left: 340px;
}