/**
 * CSS Leipziger Westen
 * 
 * @author Susanne Rau 11/09
 
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#606060;
}
html, body {
    margin:20px;
    padding:0;
    /*overflow:auto;*/
}
html {
    
    height:100%;
}
body {
    background-color:#fabb08;
    height:100%;
}
form {
    margin:0;
    padding:0;
}

textarea {
    width:418px;
    height:85px;
}

img {
    border:0;
}

a:focus {
    outline: none;
}
/* /----------------- general html structure */

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
    height:150px;
    padding:0;
}

#head #headBody {
    padding:0;
    margin:0;
    background-image:url('../images/header_bild_beispiel.jpg');
    background-repeat:no-repeat;
    background-position:240px 0;
    width:1000px;
}

#head a#logoTop {
    display:block;
    float:left;
    padding:0;
    margin:0;
}

#headContainer {
    width:1000px;
    height:30px;
    padding:0;
}

#menu {

float:left;
margin:0;
padding:0;
width: 240px;
height:30px;
background-image: url('../upload/systembilder/bg_menu.jpg');
background-repeat: repeat-x;
background-color:#1a5ca8;
}


#menu ul {
    width:240px;
    margin:0;
    padding:0;
}

#menu li {
   width:240px;
    margin:0;
    padding:0;
    list-style-type:none;
    
}

#menu a {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    float: left;
    margin: 0px;
    padding: 10px 10px 9px 30px;
    text-decoration: none;
    width:200px;
}

#menu a:hover {
    color: #e3eaf5;
}

#menu ul li.active a {
    color: #e3eaf5;
}



/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#outerContainer {
    min-height:100%;
}
* html #outerContainer {
    height:100%;
}
#contentContainer {
    width:1000px;
    background-color: #1a5ca8;
}
#outerContainer, #contentContainer {
    margin:0;
    padding:0;
}

#whiteBg {
    float:right;
    width:760px;
    padding:0;
    margin:0;
    background-color: #fff;   
}


#navigation, #content {
    float:left;
    padding-top:30px;
}

#navigation {
    width:240px;
    background-color: #1a5ca8;
}

#content {
    background-color:#fff;
    width:499px;
    border-right: 1px solid #bdd1e9;
    padding:30px 30px 0 30px;
    margin:0;
    min-height: 950px; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 950px; /* Mindesthöhe in IE (<7) */
}
* html div#content {
border:0px; 
width:468px;
height: 1em;
}


 #teasersRight {
 float:right;
    width:200px;
    font-size:11px;
    padding:0;
    margin:0;
}


/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul {
    width:240px;
    margin:0;
    padding:0;
    background-color:transparent;
}
#navigation ul li {
    width:180px;
    margin:0;
    padding:10px 30px 0px 30px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:180px;
    line-height:18px;
    margin:0;
    padding:0 0 0 0;
    font-size:11px;
    color:#fabb08;
    border-bottom:1px solid #fabb08;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
/*    background-color:#2b61af;*/
    border-bottom:1px solid #fff;
    color:#fff;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
    
    margin:0;
    padding:7px 30px 0px 40px;
}
#navigation ul li.navmainStandardLevel_2 a {
width:170px;
    border-bottom:1px dotted #fcc665;
    color:#fcc665;

}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
    border-bottom:1px dotted #fff;
    color:#fff;
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {
    margin:0;
    padding:7px 30px 0px 50px;
}
#navigation ul li.navmainStandardLevel_3 a {
 width:160px;
    border-bottom:1px dotted #fcc665;
    color:#fcc665;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    border-bottom:1px dotted #fff;
    color:#fff;
}
/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */
#search {
    float:right;
    width:560px;
    margin:0px 0px 0 0px;
    padding:8px 200px 0 0;
    text-align:right;
    font-size:11px;
    height:22px;
    background-image: url('../upload/systembilder/bg_menu.jpg');
    background-repeat: repeat-x;
    background-color:#1a5ca8;
}
#search label {
    font-size:11px;
    color:#e3eaf5;
    width:42px;

}
#search input {
    border:1px solid #e3eaf5;
    width:110px;
    height:12px;
    font-size:10px;
    padding-right:10px;
}
#search input.sbmt {
    border:0;
    width:5px;
    height:8px;
    margin:0 0 0 5px;
}
/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
    color:#0060b1;
    font-style:normal;
}

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */
#content p, #content, .ListeText {
    font-size:11px;
    color:#111;
    line-height:14px;
}
#content h1, #content h2 {
    margin:0 0 10px 0;
    padding:0;
    color:#111;
    font-weight: bold;
}

#content h3 {
    margin:10px 0 10px 0;
    padding:0;
    color:#111;
    font-weight: normal;
}
#content h1 {
    line-height:25px;
    font-size:15px;
}
#content h1 a {
    color:#0060b1;
    text-decoration:none;
}
#content h2, #content h3 {
    font-style:italic;
    font-size:11px;
}

img.projektbild, .textInhalt img {
float:left;
margin-right:20px;
margin-bottom:10px;
padding:5px;
border:1px solid #ccc;
}

.zusammenfassung p {
 font-size:11px;
    color:#555;
    margin-bottom:30px;
    font-style:italic;
}

.text_logos, .text_downloads {
 margin-top:30px;
}

.text_logos img {
 border:0;
 margin-right:10px;
}

    
/* ####################### rechte spalte ################# */
.newsliste{
background-color: #e3eaf5;
padding-top:10px;
border-top: 1px solid #999;
word-wrap: break-word;
}

.newsliste p {
padding:0 20px 10px 20px;
font-style:italic;
border-bottom: 1px solid #999;
color:#1a5ca8;
}
.newsliste h2  {
padding:10px 20px 0 20px;
font-style:italic;
font-weight:bold;
font-size: 11px;
color:#222;
}
.newsliste h2 a  {
color:#222;
}

.newsliste p a {
color:#222;
}
h4{
color:#1a5ca8;
padding:0 20px 0px 20px;
font-style:normal;
font-weight:bold;
font-size: 11px;
}

.foerdererItem{
padding:10px 0;
margin:0;
background-color:#fff;
text-align:center;
}





/* ####################### artikelliste ################# */



/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 15px; padding-bottom:10px; float:left; }
.articlelistItem img { 
padding:5px;
border:1px solid #ccc;
margin-right:20px;
margin-bottom:10px;
float: left;
}
.articlelistItem p.articlelistHeadline  {margin:0 0 0 0; padding:0; }
.articlelistItem a.articlelistHeadline {font-style:normal; font-weight: bold }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent {margin:0 0 0 0; padding:0;  }

.articlelistItem p.articlelistMore { font-weight: normal; font-size:11px; margin:0 0 0px 0; padding:0; }
.articlelistItem p.articlelistDate { font-size: 8px; margin:0 0 10px 0; padding:0; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation  { width: 100%; text-align: center; padding: 20px 0 0px 0; }

/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */



/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */
#footer {
    width:1000px;
    height:40px;
    font-size:11px;
    background-color:#1a5ca8;
    overflow:hidden;
    border-top:1px solid #fff;
}
#footerContainer {
    width:1000px;
}
#footer a#logoBottom {
    display:block;
    float:left;
}

#footer #footerContentContainer {
    float:left;
    width:1000px;
    height:40px;
}
#footerContentLeft, #footerContentRight {
    float:left;
    color:#999;
}
#footerContentLeft {
    width:520px;
    margin:10px 0 0 20px;
    font-size:10px;
    padding-right:10px;
}
* html #footerContentLeft {
    margin-left:15px; /* hae? */
}
#footerContentRight {
    width:360px;
    margin:10px 0 0 70px;
    font-size:11px;
    padding-left:10px;
    height:40px;
}
* html #footerContentRight {
    padding-top:10px;
}

#footerContentRight h3 {
    font-size:11px;
}

#footerContentRight input {
    width:150px;
    height:12px;
    border:1px solid #ccc;
    font-size:10px;
    margin:0 0 4px 0;
}
* html #footerContentRight input {
    width:142px;
}

#footerContentRight label {
    display:block;
    width:60px;

    float:left;
    margin:0 0 4px 0;
}

#footer input#loginBtn {
    background-color:#F9FBDD;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil_klein.gif);
    background-repeat:no-repeat;
    background-position:right 6px;
    font-size:12px;
    width:auto;
    height:auto;
    float:right;
    margin:0 10px 0 0;
}
* html #footer input#loginBtn {
    margin:0 14px 0 0;
}


ul#metaNavigation {
    margin:0 0 20px 0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
    border-left:1px solid #D7D7D6;
    color:#D7D7D6;
}

ul#metaNavigation li a {
    color:#D7D7D6;
}


#logoutText {
    position:relative;
    height:70px;
}
#logoutText a {
    position:absolute;
    right:10px;
    bottom:10px;
    text-decoration:none;
}

/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
    color:#0060b1;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
    position:absolute;
    top:60px;
    left:270px;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/**** IMAGE GALLERY ****/
table.gallery {
    margin: 20px 10px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    height: 220px;
    padding:0px;
    
}
td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    min-height:120px; 
    margin-bottom:5px; 
    overflow:hidden;

}

td.gallery_image .bottom_links{
     height:40px; margin-top:10px;
}

td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 

}
td.gallery_image .links{
    margin-bottom: 0px;
}


/**
 * CSS styles for Contenido Sitemap.

 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/**
 Iconize links
 */

a[href$='.pdf'], a[href$='.PDF'] { 
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_pdf.gif) no-repeat center right;
}
a[href$='.doc'], a[href$='.rtf'], a[href$='.DOC'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_xls.gif) no-repeat center right;
}
a[href$='.exe'] { 
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_exe.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_archive.gif) no-repeat center right;
}
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'], a[href$='.JPG'] { 
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
    padding: 5px 20px 5px 0;
    background: transparent url(../upload/systembilder/fileicons/icon_film.gif) no-repeat center right;
}