/* 
 *
 * Main Style Sheet for
 *  www.ltv-bremen.de
 */

/*
  Colors
  007a92 : 1 - Logo, Schrift Nav Top, BG Nav-Active alle Ebenen, H1, BG TH
  88b2bd : 1a - BG Nav Left 2. Ebene, Trenner 3. Ebene
  d4e7ea : 1b - BG Randboxen, BG Nav Top +  Left 3. Ebene, BG table
  31b8c7 : 2 - Hintergrund Koepfe Randboxen
  005977 : 3 - Schrift Nav Left 2. Ebene, BG Footer, BG bluebox
  fc002c : 4 - Links
  000000 : Text
  d8d9da : grau

*/

/* 
 *
 * reset margins
 *
 */

p,ul,ol,dl,dt,li,h1,h2,h3,h4,h5,img {
    margin: 0;
    padding: 0;
    border: 0;
}



/* 
 *
 * page structure: body, head, main, footer, navigation
 *
 */

body {
    font-size: 13px;
    line-height: 1.3em;
    font-family: Helvetica, "Nimbus Sans L", Zurich, Arial, sans-serif;
    color: #000000;
    margin: 0;
    padding: 0;
    background-color: #005977; 
    text-align: center; /* IE Hack */
/*    behavior: url(hover.htc); */
}

div#background {
    background-color: #ffffff;
    margin: 0px;
}

div#main{
   margin: 0 auto;
   width: 1000px;
   text-align: left;
}
div#head {
    color: #007a92;
    height: 147px;
    width: 1000px;
    background-color: #ffffff;
}

#head a {
    color: #007a92;
}

div#head-left {
    position: relative;
    top: 19px;
    left: 101px;
    width: 95px;
    height: 128px;
    white-space:nowrap;
    float: left;
}


div#head-center {
    position: relative;
    top: 73px;
    left: 122px; /* abs: 217px */
    width: 495px;
    height: 74px;
    white-space:nowrap;
    float: left;
}

div#head-right {
    position: relative;
    top: 0;
    left: 138px; /* abs: 728 px */
    width: 252px;
    float: left;
    height: 147px;
    white-space:nowrap;
    float: left;
}


/* main content area
 */

div#contentarea {
    clear: both;
    padding-top: 24px;
    width: 1000px;
    background-color: #ffffff;
}

div#leftcol {
    padding-left:20px;
    width: 176px;
    float:left;
}

div#centercol {
    padding-left: 21px; 
    float:left;
    width: 490px;
    min-height: 400px;
}

div#rightcol {
    padding-left: 21px;
    float:left;
    width:252px;
}


/* footer
 */

div#footer {
    position: relative;
    top: -26px;
    background-color: #005977;
    background: url(img/welle.png) top repeat-x;
}

div#footer-content {
    margin: 0 auto;
    font-size: 11px;
    width: 1000px;
    color: #FFFFFF;
    text-align: left;
}

#footer p {
    padding-left: 27px;
    padding-top: 55px;
}

#footer a {
    color: #FFFFFF;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.footlink {
    margin: 0 5px;
}

#footer img {
    margin: 0 5px 2px 0;
    vertical-align: middle;
}

#footer-copyright {
    margin-right: 3em;
}

/* 
 * navigation: top center
 */


div#nav-top {
    position: absolute;
    top: 48px; 
    left: 0px;
    width: 495px;
    white-space:nowrap;

}

div#nav-top img {
    margin: 0px 5px 0px 0px ;
    border: 0;
}


/* 
 * navigation: top right
 */


div#head-right-text {
    position: absolute;
    top: 42px;
    left: 12px;
    height: 26px;
    white-space:nowrap;
}

#head-right-text p {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

div#nav-bereiche-left {
    position: absolute;
    top: 57px;
    left: 0px;
}

div#nav-bereiche-right {
    position: absolute;
    top: 57px;
    left: 128px;
}

div#nav-bereiche-left img, div#nav-bereiche-right img {
    margin: 4px 0 0 0;
    padding: 0;
    border: 0;
    display: block;
}

/* 
 *
 * navigation: left
 *
 */

div#nav-left {
}

div#navhead {
    color: #ffffff;
    background-color: #007a92;
    padding: 3px 10px 5px 13px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: bold;
/*    letter-spacing: 0.5px; */
}

#nav-left a, #nav-left a:focus {
    color: #005977;
    text-decoration: none;
}


#nav-left img {
    display: block;
}


#nav-left ul {
    display: block;
    list-style: none;
    margin: 0 0 2em 0;
    padding: 0;
    font-size: 13px;
    line-height: 13px;
}

#nav-left ul ul {
    margin: 0;
}


#nav-left ul li {
    padding: 0;
    list-style: none;
    color: #005977;
    background-color: #88b2bd;
    border-top: 3px solid white;
}


#nav-left ul ul li {
    padding: 0;
    background-color: #d4e7ea;
    border-top: 1px solid #88b2bd;
}

span.navleft {
    display: block;
}

span.navleftactive {
    display: block;
    background-color: #007a92;
}


span.navleft1 {
    padding: 3px 10px 4px 13px;
}

span.navleft2 {
    padding: 3px 10px 4px 26px;
}

span.navleft3 {
    padding: 3px 10px 4px 39px;
}

span.navleft4 {
    padding: 3px 10px 4px 45px;
}

span.navleft5 {
    padding: 3px 10px 4px 51px;
}




/* hover */
span.navleft:hover {
    color: #ffffff;
    background-color: #007a92;
}

#nav-left a:hover, #nav-left span.navleft:hover a {
  text-decoration: none;
  color: #ffffff;
}


/* active */
#nav-left span.navleftactive, #nav-left span.navleftactive a {
    color: #ffffff;
    background-color: #007a92;
}



/*
 *
 * Content - Standard HTML Elements
 *
 */

/* #centercol p, #centercol ul, #centercol ol, #centercol dl, #centercol h1, #centercol h2, #centercol h3,
#centercol h4, #centercol h5 {
    margin-left: 5px;
}
*/

#centercol {
}

#content-left {
}

#rightcol {
}

p,ul,dl,ol,blockquote {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

#centercol ul li, #content-left ul li, #rightcol ul li  {
  margin-left:1.2em;
  padding-left: 0.2em;
}

#centercol ol li, #content-left ol li, #rightcol ol li {
    margin-left: 1.8em;
    padding: 0;
    list-style: decimal;
}


/* IE Hack 1111*/

/*
* html #centercol ol li {
  margin-left: 2em; 
}
*/

dl, dt {
  margin-right: 0;
  padding: 0;
}

dd, blockquote {
  margin-left: 1.5em;
  margin-right: 1.5em;
  padding: 0;
}

/* h1 */

#centercol .csc-header {
  margin-top: 1.5em;
  border-top: 2px solid #d8d9da;
  padding-top: 1.5em;
}

#centercol .csc-header-n1 {
  margin: 0;
  border: 0;
  padding: 0;
}

h1 {
  font-size: 20px;
  line-height: 1em;
  font-weight: normal;
  color: #007a92;
  margin-top: 0;
  margin-bottom: 0.6667em;
  clear: both;
}


/* h2 und weitere */

h2 {
  font-size: 16px;
  line-height: 1em;
  font-weight: normal;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #000000;
}
h3 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #000000;
}

h4 {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #000000;
}

a {
  color: #fc002c;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}


/*
*
* Tabellen
*
*/

table {
    empty-cells:show;
    border: 0;
    padding: 0;
    margin: 0.5em 0 1em 0;
    border-collapse: collapse;
    color: #000000;
    vertical-align: top;
}

tr, td {
    vertical-align: top;
}

table a {
    color: #007a92;
}

table a:hover, table a:focus {
    color: #fc002c;
}


table p, table ul, table ol, table dl, table blockquote {
    margin: 0;
}

td {
    padding: 3px 4px;
    border-spacing: 0px;
    margin-right: 5px;
    text-align: left;
    border-color: #d4e7ea;
}

tbody td {
    border-top: 3px solid #ffffff;
    background-color: #d4e7ea;
}

td.hintergrund-weiss {
    background-color: #ffffff;
}

td.alignright {
    text-align: right;
}

td.anmelden a {
    color: #fc002c;
}

td.anmelden a:hover, td.anmelden a:focus {
    color: #007a92;
}

th {
    font-weight: bold;
    color: #ffffff;
    background-color: #007a92;
    padding: 3px 4px;
    border-spacing: 0;
    text-align: left;
}

th + th {
    margin-left: 5px;
    border-left: 5px solid #ffffff;
}


/*
 *
 * Content: right and left column
 *
 */

#rightcol .csc-default, #content-left .csc-default {
    margin-top: 12px;
}

#rightcol .csc-firstHeader, #content-left .csc-firstHeader {
    margin-top: -12px;
}

#content-left h1, #rightcol h1 {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.25px;
    color: #ffffff;
    padding: 4px 13px 5px 13px;
    background-color: #31b8c7;
    margin: 0px 0 5px 0;
}

#content-left h2, #rightcol h2, #content-left h3, #rightcol h3, #content-left h4, #rightcol h4{
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: none;
    padding: 9px 13px 0 13px;
    background-color: #d4e7ea;
    margin: 0;
}

#content-left div.csc-textpic, #rightcol div.csc-textpic {
    background-color: #d4e7ea;
}

#content-left p, #content-left ul, #content-left ol, #content-left dd, #rightcol p, #rightcol ul, #rightcol ol, #rightcol dd {
    padding: 9px 13px 11px 13px;
    background-color: #d4e7ea;
    margin: 0;
    line-height: 1.2em;
}


#content-left .csc-textpic,  #rightcol .csc-textpic {
    background-color: #d4e7ea;
}

#rightcol h2 + p {
    padding-top: 6px;
}


/* felogin in rightcol, leftcol */

#content-left div.tx-felogin-pi1,  #rightcol div.tx-felogin-pi1 {
    background-color: #d4e7ea;
    padding: 9px 13px 11px 13px;
}


#content-left div.tx-felogin-pi1 h3, #rightcol div.tx-felogin-pi1 h3 {
    padding: 9px 0 0 0;
}

/*
 *
 * Special Elements: Blue Boxes, Billdunterschriften
 *
 */


p.bluebox {
    color: #ffffff;
    background-color: #005977;
    padding: 5px;
}

p.bildunterschrift, p.bildquelle {
    font-size: 11px;
    line-height: 14px;
}


/*
p.indent  {
    margin-left: 1.5em;
    text-indent: -1.5em;
}

p.align-right {
    text-align: right;
}
*/




/*
 *
 * Images
 *
 */

/* Intext-Images werden im wesentlichen in cssstyled-content sinnvoll formatiert.
* Hier nur Angabe weniger Ausnahmen
*/

#rightcol div.csc-textpic-intext-left .csc-textpic-imagewrap {
    padding: 13px 0 0 13px; 
    float: left;
}

#rightcol img, #leftcol img {
    margin: 0;

}

div.csc-textpic-below img {
    margin-bottom: -3px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { 
    margin-bottom: 0; 
}
DIV.csc-textpic DIV.csc-textpic-single-image IMG { 
    margin-bottom: 0; 
}


/* div.csc-textpic-intext-left div.csc-textpic-imagewrap { float: left; } */


#centercol .csc-textpic-intext-right .csc-textpic-imagewrap {
    margin-top: 3px;
}

/*
*
* Plugins etc.
*
*/

.csc-sitemap ul, .csc-sitemap  li {
    margin-top: 0;
    margin-bottom: 2px;
}

/* Formulare */
input, textarea {
    font-family: Helvetica, "Nimbus Sans L", Zurich, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.3em;
    border: 1px solid #007a92;
}


/* mailform */
.csc-mailform-field {
}
.csc-mailform-field label {
    margin: 0.5em 0 0 0;
    display: block;
    width: 60px;
}

.csc-mailform-field input, .csc-mailform-field textarea {
/*    width: 10em; */
    margin: 0 0 0.5em 0;
}

/*
input#mailformemail, input#mailformname, input#mailformnachricht {
    width: 350px;
}
*/

input.csc-mailform-submit {
    margin-left: 0px;
}

fieldset.csc-mailform {
    margin: 0;
    border: 0;
    padding: 0;
}

/* styles for extension "tx_lzgallery_pi1" */

/* listing */
#tx-lzgallery-pi1-listing {
    border: 0;
    font-family: Helvetica, "Nimbus Sans L", Zurich, Arial, sans-serif;
}


/* album navigation */
#tx-lzgallery-pi1-fotonav {
    border: 0;
    font-family: Helvetica, "Nimbus Sans L", Zurich, Arial, sans-serif;
    background-color: #d4e7ea;
    width: 495px;
}

/* album photos */
#tx-lzgallery-pi1-fotos {
    border: 0;
    background-color: #ffffff;
    font-family: Helvetica, "Nimbus Sans L", Zurich, Arial, sans-serif;
}

#tx-lzgallery-pi1-fotos tr {
    background-color: #ffffff;
    margin: 0;
    border: 0;
    padding: 0;
}

#tx-lzgallery-pi1-fotos td {
    padding: 0;
    border-spacing: 3px;
    border: 3px solid #ffffff;
    text-align: left;
    background-color: #ffffff;
}

#tx-lzgallery-pi1-fotos img {
    border: 0;
    margin: 0;
    padding: 0;
}

/* gallery title: like h1 */
#tx-lzgallery-pi1-title {
    border: 0;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: normal;
    color: #007a92;
    margin-top: 5px;
    margin-bottom: -5px;
    text-align: left;
}