/*General Settings:
grey_1 #333333;   Body-Txt
grey_2 #D7D7D7;   Borders, Trennstriche
grey_3 #333333;   Text, body
blue: #006ab3;

*/



/* ----------------- general html structure */

html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    /*color:#333333;*/
}
html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
html {
    /*background-image:url('../images/pattern_contenido.gif');
    background-position:0 140px; */
    height:100%;
    
}
body {
    /*background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
    background-position:240px 0; */
    height:100%; 
    
}
form {
    margin:0;
    padding:0;
    
}

textarea {
    width:418px; /*Kontakt-Formular????*/
    height:85px;
    /*border:1px solid #336699;*/
    
}

img {
    border:0;
}
/* /----------------- general html structure */

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
    height:30px;
    /*background-color:#e5e5e5;*/
    /*background-image:url('../images/pattern_head_right.gif');
    background-repeat:repeat-x;
    background-position:0 90px;*/
    padding:0;
  /* border:1px solid #FF0000;*/
    }


#head #logoTop  {
    position:relative;
    top:15px;
    left:20px;
    width:140px;
    height:70px;
    padding:0;
    margin:0;
    
   /*border:1px solid #FF0000;*/
}





/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */

#outwrap{
    width:964px;
    position:relative;
    top:20px;
    left: 25px;
    min-height:90%;
    /*border:2px solid #0000ff;*/
}
* html #outwrap {
    height:90%;
}



}

#outerContainer {
margin:0;
padding:0;
    
}
* html #outerContainer {
    height:90%;
}
#contentContainer {
    /*width:960px;*/
   /* min-height:550px;*/
   
margin:0;
    padding:0;
    border-width:0px 0px 5px 0px;
    border-style:solid;
    border-color:#006ab3;
    background: url(../images/background.gif); 
    background-repeat:repeat-y;
    background-position: 0;
    }
    

* html #contentContainer {
    /*height:550px;*/
}




/* ###################################################### */
/* ####################### Sidebar ################### */
/* ###################################################### */

#contentContainer #sidebar {
    width:180px;
    
    height:100%;
    /*height:450px;*/
    /*min-height:350px;*/
    float:left;
   /* background-color:transparent;*/
    /*border:1px solid #f00;*/
}
* html #contentContainer #sidebar {
    height:100%;
    float:left;
}

#contentContainer #sidebar #space {
height:35px;
min-height:25px;
border-width:0px 5px 5px 0px;
border-style:solid;
background-color: #fff;
border-color:#006ab3;


}

#contentContainer #sidebar #navigation {
   /* background-color:transparent;*/
   height:180px;
   min-height:180px;
    margin-top:35px;
    margin-bottom:0px; /* 25px */
    background-color:#fff;
   border-right:1px solid #e5e5e5;
   border-left:1px solid #e5e5e5;

}

* html #contentContainer #sidebar #navigation {
height:180px;
min-height:180px;
}


/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */

#outerContainer #contentContainer #content {
   /* width:747px;*/
    /*height:670px;*/
    min-height:670px;
    margin-left:180px;
    margin-bottom:25px;
    padding:25px 0px 10px 25px;
    font-size:11px;
    color:#555;
    line-height:14px;
    border-width:5px 0px 0px 0px;
border-style:solid;
border-color:#006ab3;
    }
    
/* für den doofen IE6 */
* html #outerContainer #contentContainer #content { 
margin-left:180px;
}  
    
#content h1 {
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:20px;
    font-weight:bold;
    color:#006ab3;
}
#content h1 {
    line-height:22px;
}
#content h1 a {
    color:#333;
    text-decoration:none;
}
#content h2 {
    font-style:italic;
    font-size:14px;
    font-weight:normal;
    margin:0px 0px 10px 0px;

    padding:0;

}

/*img.hr {
    display:block;
    margin:10px 0;
    padding:0;
}*/

/*########################################
##########Breadcrumb / SUCHE #############
#########################################*/

#content #crumb_search {
height:20px;
max-height:20px;
/*border:1px solid #ff0000;*/
margin-bottom: 20px;
}

#content #crumb_search #breadcrumb {       /*Link-color => LINKS*/
width:560px;

/*border:1px solid #ffff00;*/
float:left;

}

#content #crumb_search #searchbox {
    width:148px;
    padding:0;
    margin:0;
    float:right;
    /*border:1px solid #0000ff;*/
}

#content #crumb_search #searchbox #search label {
    display:none;  
}


#content #crumb_search #searchbox #search input {
    border:1px solid #e5e5e5;
    width:120px;
    height:12px;
    font-size:10px;
    padding:0;
    margin-right:10px;
    float:left;    
}

#content #crumb_search #searchbox #search #search_send {
    border:0;
    width:15px;
    height:15px;
    margin:0;
    padding:0;
    border:0;
    
}





/* ###################################################### */
/* ############### Level 1 NAVIGATION ################### */
/* ###################################################### */

#firstnav{
    height:35px;
    padding-top:0;
    margin-left:-5px;
    /*background-image:url('../images/header_bild_beispiel.gif');
    background-repeat:no-repeat;
    background-position:240px 0; */
    /*width:960px;*/
    /*border-width:0 0px 5px 0;*/
    /*border-style:solid;*/
    /*border-color:#f00;*/                                            /* jm-Blue: #006ab3 */
}

#firstnav_item{
    height:35px;
   
    margin-left:180px; 
    background-color:#e5e5e5;
    /*border:1px solid #FFFF00;*/
}



/* ###################################################### */
/* TOP-Level 1 OFF */
/* ###################################################### */

#firstnav #firstnav_item .navfirstoff{
  width:100px;
  height:35px;
  margin:0;
  padding-top:0px;
  font-size:14px;
  /*font-weight:bold;*/
  letter-spacing: -1px;
  
  text-align: center;
  overflow:hidden;
  float:left;
  border-right:2px solid #eeeeee;    
}

#firstnav #firstnav_item .navfirstoff a {
    color:#006ab3;
    line-height:35px;
   /* border:1px solid #ff0000;*/      
}

#firstnav #firstnav_item .navfirstoff a:hover {
    text-decoration:none;
    color: #8fc1ec;
}
#firstnav #firstnav_item .navfirstoff a:aktive {
    text-decoration:none;
    color: #8fc1ec;
}

/* ###################################################### */
/*  TOP-Level 1 ON  */
/* ###################################################### */

#firstnav #firstnav_item .navfirstopen{
  width:100px;
  height:35px;
  margin:0;
  padding-top:0px;
  font-size:14px;
  /*font-weight:bold;*/
  letter-spacing: -1px;
  
  text-align: center;
  overflow:hidden;
  float:left;
  background-color:#006ab3;
  border-right:2px solid #eeeeee;   
  }
  
#firstnav #firstnav_item .navfirstopen a {
    color:#fff;
    line-height:35px;
   /* border:1px solid #ff0000;*/      
}

#firstnav #firstnav_item .navfirstopen a:hover {
    text-decoration:none;
    color: #8fc1ec;
}
#firstnav #firstnav_item .navfirstopen a:aktive {
    text-decoration:none;
    color: #8fc1ec;
}

/* ###################################################### */

#flags {
width:75px;
height: 20px;
float:right;
margin-right:5px;
margin-top:10px;
/*border:1px solid #00ff00;*/
}

#firstnav #firstnav_item #flags #flag_ger {
height: 15px;
width:23px;
float:left;
border:1px solid #eeeeee;}

#firstnav #firstnav_item #flags #flag_uk {
height: 15px;
width:23px;
margin-left:33px;
border:1px solid #eeeeee;}


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

/* SIDEBAR-Level 1 */
#navigation ul {
    /*width:230px;*/
    margin:0;
    padding:0;
    background-color:transparent;
    text-align:right;
   
   /* border:1px solid #ff0000;*/
}
#navigation ul li {
    /*width:220px;*/
    margin:0;
    padding:0;
    background-color:#fff;    
    list-style-type:none;
     
    /*border:1px solid #00ffff;*/
}

/* 1. Ebene ////////////////////////////////////////////////////// */



#navigation ul li.main_sub_1 {
    margin:0;
    background-image:url(../images/subnavi.gif);
    background-repeat:no-repeat;
    background-position:-2px 0px;
   /* border-bottom:1px solid #f00;*/
}

#navigation ul li.main_sub_1 a {
    width:160px;
    display:block;
    
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 0px;
    font-size:11px;
    color:#333333;
    text-decoration:none;
    /* border:1px solid #f00;    der hier geht !!*/
}




#navigation ul li.main_sub_1 a:hover, #navigation ul li.main_sub_1 a:active {
      
    text-decoration:underline;
}




/* ENDE 1. Ebene /////////////////////////////////////////////*/

/* SIDEBAR-Level 2 */
#navigation ul li.main_sub_2 {
   /* margin-right:20px;*/
}
#navigation ul li.main_sub_2 a {
    width:155px;
    display:block;
    
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 0px;
    font-size:11px;
    color:#006ab3;
    /*color:#666;*/
    background-image:url(../images/xsubnavi.gif);
    background-repeat:no-repeat;
    /*background-position:220px 3px;*/
   /* border-bottom:1px solid #ccc;*/
    text-decoration:none;
    
}
#navigation ul li.main_sub_2 a:hover, #navigation ul li.main_sub_2 a:active {
    width:155px;
    display:block;
   
    height:19px;
    line-height:19px;
    margin:0;
    padding:0 0 0 0px;
    font-size:11px;
    color:#006ab3;
    
    text-decoration:underline;
}



/* SIDEBAR-Level 3 
#navigation ul li.navmainStandardLevel_3 {
    margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:200px;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}  */

////////////////////////////////////// */


/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */

#sidebar #box {

}
#sidebar #leftbox {
   /*position:relative;
   top:50px;*/
   /*margin-top:125px;*/
   font-size:10px; 
   background-color:#e5e5e5;
   /*border:1px solid #ff0000;*/
   
}


/* ###################################################### */
/* ####################### Login Box ################# */
/* ###################################################### */



#sidebar #loginform {
    font-size:11px; 
    padding-left:10px;
    margin:0;
    border-width:1px 0px 1px 0px;
    border-style: solid;
    border-color: #D7D7D7;
}
* html #sidebar #loginform {
    padding-left:10px;
}

#sidebar #loginform h3 {
    font-size:11px;
    padding-top:10px;
    padding-bottom:3px;
    margin-bottom:5px;
}

#sidebar #loginform label {
    /*display:block;*/
    width:45px;
    /*border:1px solid #f00;*/
}


#sidebar #loginform input {
    width:140px;
    height:14px;
    border:1px solid #D7D7D7;
    font-size:10px;
    margin:0 0 4px 0;
    }
* html #sidebar #loginform input {
    width:140px;
}


#sidebar #loginform #loginBtn {
    
    border:0;
    width:17px;
    height:17px;
    margin:5px 0 10px 125px;
    border:0;}
    
* html #sidebar #loginform #loginBtn {
    margin:5px 0 10px; 125px;
}

#logobox {
margin-top:25px;
text-align:center;


}




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


/* ###################################################### */
/* ####################### 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;
}

/* ###################################################### */
/* ####################### Newsticker ################ */
/* ###################################################### */




/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */
#footer {
   
   text-align:center;
   font-size:12px;
   padding-top:5px; 
   /*border:1px solid green;*/
}
#footer #footerContainer {
    margin:0;
    padding-top:5px;
    color:#D7D7D7;
   /* border:1px solid #FF0000;*/    
}
ul#metaNavigation {
    margin:0 0 10px 0;
    padding:0;
    color:#D7D7D7;
}
ul#metaNavigation li {
    margin:0;
    padding:0 5px 0 5px;
    display:inline;
   
}

ul#metaNavigation li a {
    font-size:12px;
   
}



/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
/*    color:#000000;*/
    color:#006ab3;
    text-decoration:none;
}

/*a:hover {
    text-decoration:underline;
}*/

.thumb_h1 a:hover{
 text-decoration:underline; /* Die Überschrift wird nterstrichen */
}

a.item_txt   {
color:#333333; 
}

a.item_txt:hover {
text-decoration:underline; /* hyperlinks können hier kenntlich gemacht werden, z.B. "underline" oder "none" bt*/
/*font-weight:none;*/
}


/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
    position:absolute;
    top:60px;
    left:270px;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.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;
}



#footerContainer {
visibility:hidden; 
}

/*//////////////// News-Ausgabe /////////////////*/

.artikelliste h2 {
    
}

.artikelliste #news_item {
margin: 0 0 15px 0;
border-right:2px solid #006ABB;
border-bottom:2px solid #006ABB;

}

.teaser_img {
    float: left;
    margin: 0 15px 5px 0;
    
}

/*//////////////// News-Ausgabe /////////////////*/

.img_floatleft {
    float: left;
    margin: 0 15px 5px 0;
    
}