/* 
    Document   : we.css
    Created on : 20.03.2009, 12:16
    Author     : Timm Arnold <ta@53n.de> for Euro RSCG ABC Hamburg
    Description: Hier NUR Seitenweite Styles eintragen!
*/


/* *****************************************************************************
    HTML Attribute & Co mit defaults belegen
***************************************************************************** */
* {
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    font: 11px/13px Arial, Verdana, Helvetica, sans-serif;
    color: #333;
    /*background: pink url(/fileadmin/templates/images/background-content.png) repeat-y top center;*/
    background: #e5e8ed url(/fileadmin/templates/images/background-s-menue.png) repeat;
}
A, A:link, A:visited, A:active, A:hover {
    text-decoration: none;
    color: #000;
}
A:hover {
    color: red;
}
A IMG {
    border: 0;
}

/* *****************************************************************************
    Seitenaufbau
***************************************************************************** */

#page {
    width: 981px;
    margin: 0 auto;
    background: #fff url(/fileadmin/templates/images/background-content.png) repeat-y top left;
}
#header {
    height: 165px;
    background: url(/fileadmin/templates/images/background-header.png) repeat-y top left;
    position: relative;
    /*background: #e3001b;*/
}
#header #h-logo { position: absolute; top: 0; left: 30px; }
#header #h-anim { position: absolute; top: 0; right: 0; }

/*
    MENUE
*/
#h-menue, #s-menue {
    margin-left: 30px;
}
#h-menue {
    background: #9aabbd url(/fileadmin/templates/images/background-h-menue.png) repeat top left;
    height: 25px;
    position: relative;
    padding-left: 20px;
}
#s-menue {
    background: #e5e8ed url(/fileadmin/templates/images/background-s-menue.png) repeat top left;
    height: 18px;
    border-bottom: 15px solid white;
    padding-left: 10px;
}
#h-menue A, #h-menue A:link, #h-menue A:visited, #h-menue A:active, #h-menue A:hover {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #012c57;
}
#h-menue A:hover {
    color: #fff;
}
#s-menue A, #s-menue A:link, #s-menue A:visited, #s-menue A:active, #s-menue A:hover {
    font-size: 12px;
    line-height: 17px;
    color: #012c57;
}
#s-menue-start {
    height: 18px;
    /*background: url(/fileadmin/templates/images/background-s-menue-active.gif) no-repeat top left;*/
    padding-left: 10px;
    float: left;
    height: 18px;
}

#h-menue2 {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 30px;
}
#h-menue UL, #s-menue UL, #f-menue UL {
    display: inline;
}
#h-menue LI, #s-menue LI, #f-menue LI {
    display: inline;
    padding-left: 5px;
    padding-right: 15px;
}

UL.menu-level1 A, UL.menu-level2 A { color: #012c57; }

/* Menuepunkt hat Unterseiten */
LI.menu-level1-with-subpage A {}

/* Menuepunkt ist der aktuelle */
LI.menu-level1-current-active A { color: #fff; }
LI.menu-level1-active A { color: #fff; }

LI.menu-level2-current-active A { font-weight: bold; }


#content {
    /*background: #012c54;*/
    padding-left: 30px;
    /* position: relative; */
}

/* 
    CONTENT-MAIN 
*/
#content-main {
    /*background: #fff;*/
    width: 635px;
    min-height: 550px;
    /* position: relative; left: 30px; */
}
/* Image im Text modifizieren */
#content-main .csc-textpic-image IMG {
    /*background: url(/fileadmin/templates/images/background-contentimage.png) repeat-y top left;
    padding-left: 25px;*/
    border-left: 30px solid #e3001b;
}
#content-main .csc-textpic-center {
    /*border: 1px solid silver;*/
    height: 250px;
}
#content-main .csc-textpic-center IMG {
    border: 0;
}
#content-main .csc-textpic-intext-right IMG {
    background: none;
    padding-left: 0;
}
/* Headline überm Bild */
#content-main .csc-header {
    margin-bottom: 19px;
    color: #012c57;
    margin-left: 20px;
}
#content-main .csc-header H1 {
    font-size: 18px;
    line-height: 20px;
    margin-left: 10px;
}

#content-main .csc-textpic-caption {
    padding-left: 25px;
}
#content-main H1.csc-firstHeader, #content-main P.bodytext {
    /*padding-left: 25px;*/
}
#content-main P.bodytext {
    padding-left: 30px;
}
#content-main P.bodytext SUB {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #012c57;
    position: relative;
    top: -27px;
    left: 0px;
}
#content-main UL {
    margin-left: 40px;
}
#content-main .csc-textpic-text {
    padding-top: 10px;
}
#content-main .csc-textpic-caption {
    color: #012c57;
}
/* Info-Downloads */
#content-main TABLE.csc-uploads {
    background: #e5e8ed url(/fileadmin/templates/images/icon-externallink.png) no-repeat 5px center;
    /*margin: 0 0 25px 30px;*/
    margin: 0 auto 25px auto;
    padding: 5px 5px 5px 30px;
    color: #012c57;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    margin-left: 200px;
}
#content-main TABLE.csc-uploads A {
    color: #012c57;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}
/* 
    CONTENT-RIGHT
*/
#content-right {
    width: 220px;
    float: right;
    padding-right: 30px;
    padding-left: 30px;
}
/* Headline überm Bild */
#content-right .csc-header {
}
#content-right .csc-header H1 {
    font-size: 14px;
    line-height: 16px;
    color: #e3001b;
}
/*#content-right .csc-textpic  {*/
#content-right .csc-textpic-imagewrap  {
    border-bottom: 2px solid #e3001b;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#content-right .csc-textpic-text  {
    /*font-style: italic;*/
}
#content-right IMG.spacer-gif {
    height: 1px;
}
#content-right .csc-textpic-caption {
    margin-top: 5px;
}
/* 
    CONTENT-FOOTER
*/
#f-menue {
    background: #e5e8ed url(/fileadmin/templates/images/background-s-menue.png) repeat top left;
    margin-top: 30px;
    height: 18px;
    border-top: 20px solid white;
    clear: both;
}
#f-menue A, #f-menue A:link, #f-menue A:visited, #f-menue A:active, #f-menue A:hover {
    font-size: 12px;
    line-height: 17px;
}

/* 
    CONTENT-ALLGEMEIN
*/
.csc-textpic-caption {
    font-style: italic;
}

.csc-sitemap UL {
    margin-left: 40px;
}
.csc-sitemap UL > LI {
    font-weight: bold;
    margin-top: 10px;
}
.csc-sitemap UL > LI > UL {
    margin-left: 20px;
}
.csc-sitemap UL > LI > UL > LI {
    font-weight: normal;
    margin-top: 2px;
}


/* 
    KONTAKTFORMULAR
*/

FIELDSET.csc-mailform {
    margin-left: 30px;
    /*border: 1px solid red;*/
    border: 0;
}
DIV.csc-mailform-field {
    clear: both;
    margin-bottom: 5px;
}
.csc-mailform-field * {
}
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA {
    border: 1px solid #012c57;
    background: 9aabbd;
    padding: 3px;
}
.csc-mailform-field LABEL {
    width: 150px;
    float: left;
    padding: 3px 3px 0 5px;
    margin-right: 10px;
    font-weight: bold;
    border-top: 1px solid #012c57;
    border-left: 1px solid #012c57;
}
/* Label ohne Field */
DIV.csc-mailform-label {
    display: block;
    padding: 10px 3px 10px 5px;
    font-weight: bold;
}
INPUT.csc-mailform-submit {
    margin-top: 10px;
}
/* Gegen die Lücke zwischen den Blöcken (bei zwei Bildern) */

DIV.csc-textpic-clear {
  display:none;
}
A.external-link-new-window {
    background: #e5e8ed url(/fileadmin/templates/images/icon-externallink.png) no-repeat 5px center;
    padding: 5px 5px 5px 30px;
    color: #012c57;
    font-weight: bold;
}

.csc-textpic-caption {
 margin-bottom: 15px;

}

#content-main div.csc-textpic dd.csc-textpic-caption {
    padding-top: 10px;
    padding-bottom: 40px;
}