/**
 * Contenido CSS styles for page structure
 * 
 * @author Rudi Bieller
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.2
 * 
 * created 2008-03-04
 * modified 2008-??-?? ???? ????
 * modified 2009-01-08 Rudi Bieller Added styles for sitemap
 */

/* ----------------- general html structure */
html, body {
    margin:0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}

textarea {
    width:418px;
    height:85px;
}
/* /----------------- general html structure */

/* ----------------- outer container */
#outerContainer {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
/* /----------------- outer container */

/* ----------------- elements inside outer container */
#metaNavigationContainer {
    height:15px;
    margin:0;
    padding:15px 0 0 0;
}
#header {
    height:125px;
    overflow:hidden;
    position:relative;
    padding:0 40px;
}
#contentContainer {
    
}
#contentContainerTop {
    margin:15px 40px 0 40px;
    width:880px;
    height:300px;
    overflow:hidden;
}
#contentContainerMain {
    margin:18px 0 15px 0;
    padding:0 40px;
}
#footer {
    margin:0 40px 0 270px;
    padding:27px 0 20px 0;
}
/* /----------------- elements inside outer container */



/* ----------------- elements inside #metaNavigationContainer */
ul#metaNavigation {
    margin:0 170px 0 0;
    padding-left:0;
    white-space:nowrap;
    text-align:right;
    height:15px;
}

ul#metaNavigation li {
    /*display:inline;*/
    float:right;
    list-style-type:none;
    /*padding-left:10px;*/
    margin:0 5px;
}

ul#metaNavigation a {
    padding:3px 7px 0 7px;
}


/* /----------------- elements inside #metaNavigationContainer */

/* ----------------- elements inside #header */
img#contenidoLogo {
    position:absolute;
    top:50px;
    left:39px;
}
#banner {
    height:40px;
    position:absolute;
    top:35px;
    left:270px;
    width:660px;
    overflow:hidden;
}
ul#mainNavigation {
    margin:0;
    padding-left:0;
    white-space:nowrap;
    text-align:left;
    height:30px;
    border-bottom:5px solid #0063B5;
    position:absolute;
    bottom:0;
    width:880px;
}
ul#mainNavigation li {
    float:left;
    list-style-type:none;
    height:30px;
    line-height:30px;
    padding:0;
    margin:0 5px;
}

ul#mainNavigation li.first {
    margin-left:230px;
}
* html ul#mainNavigation li.first {
    margin-left:115px; /* booo! */
}

ul#mainNavigation a {
    padding:6px 14px;
}

ul#mainNavigation a:hover {
    text-decoration:none;
}
/* /----------------- elements inside #header */


/* ----------------- elements inside #contentContainerTop */
ul#subNavigation {
    padding: 1px;
    margin-left: 0;
    width: 190px;
}

ul#subNavigation li {
    list-style: none;
    margin:0 0 5px 0;
    min-height:20px;
}

* html ul#subNavigation li {
    margin:0;
    padding:0;
    height:25px;
}

ul#subNavigation li a {
    display: block;
    padding: 3px 10px;
    min-height:15px;
    line-height:15px;
    overflow:hidden;
}

ul#subNavigation li a:link {
    
}
ul#subNavigation li a:visited {
    
}

ul#subNavigation li a:hover {
    text-decoration:none;
}

ul#subNavigation li ul.subSubNavigation {
    padding:0;
    margin-left:0;
    width:190px;
}
ul#subNavigation li ul.subSubNavigation li {
    margin:0;
}
* html ul#subNavigation li ul.subSubNavigation li {
    margin:0;
    padding:0;
    height:1px;
}
* html ul#subNavigation li ul.subSubNavigation li a {
    padding:1px 10px;
}
ul#subNavigation li ul.subSubNavigation li.first a {
    padding-top:10px;
}
/* ----------------- elements inside #contentContainerTop */


/* ----------------- elements inside #contentContainerMain */
#contentContainerMain .contentContainerMainLeft25, 
#contentContainerMain .contentContainerMainCenter50, 
#contentContainerMain .contentContainerMainCenter75, 
#contentContainerMain .contentContainerMainRight50, 
#contentContainerMain .contentContainerMainRight25 {
    float:left;
}

#contentContainerMain .contentContainerMainLeft25 {
    width:190px;
    margin-right:40px;
}
#contentContainerMain .contentContainerMainCenter50 {
    width:420px;
}
#contentContainerMain .contentContainerMainCenter75 {
    width:650px;
}
#contentContainerMain .contentContainerMainRight50 {
    width:420px;
}
#contentContainerMain .contentContainerMainRight25 {
    width:190px;
    margin-left:40px;
}

#contentContainerMain .contentContainerMainCenter50 h1, 
#contentContainerMain .contentContainerMainRight50 h1 {
    margin:3px 0 10px 0;
    padding:0;
}

#contentContainerMain .contentContainerMainCenter50 h1.standard, 
#contentContainerMain .contentContainerMainCenter50 h1.standardAuthor {
    line-height:22px;
}

#contentContainerMain .contentContainerMainCenter50 h1.standardAuthor {
    margin:3px 0 4px 0;
}

#contentContainerMain .contentContainerMainCenter50 h3, 
#contentContainerMain .contentContainerMainRight50 h3, 
.textItem h3 {
    margin:3px 0 3px 0;
}
/* /----------------- elements inside #contentContainerMain */

/* ----------------- elements inside #footer */
#footerLicence, 
#footerCopyright, 
#footerLogo {
    float:left;
    width:190px;
    margin-right:40px;
}

#footer #footerLicence {
    
}
#footer #footerCopyright {
    
}
#footer #footerLogo {
    margin-right:0;
}
/* /----------------- elements inside #footer */


/* general stuff, misc */
input.sbmt {
    width:11px;
    height:10px;
}
input.auto {
    
}

a.button {
    display:block;
    float:right;
    margin:7px 0;
    padding:2px 25px 2px 5px;
}

/* ################################################################### */
/* modules ########################################################### */
/* ################################################################### */

/* TEXT (HTML) */
.textItem {
    margin:0 0 15px 0;
}
.textItem p {
    margin:0 0 10px 0;
    padding:0;
}

/* teaser boxes */
.teaserBox, 
.teaserBoxLarge {
    margin:0 0 20px 0;
}
.teaserBox .teaserBoxBody {
    
}
.teaserBox .teaserBoxBody .teaserBoxBodyInner, 
.teaserBoxLarge .teaserBoxLargeBody .teaserBoxBodyInner {
    margin-bottom:5px;
    padding:10px 10px 5px 10px;
}

.teaserBoxLarge .teaserBoxLargeBody_yellow .teaserBoxBodyInner {
    margin-bottom:5px;
    padding:10px 10px 5px 10px;
}




* html .teaserBox .teaserBoxBody .teaserBoxBodyInner, 
* html .teaserBoxLarge .teaserBoxLargeBody .teaserBoxBodyInner,
* html .teaserBoxLarge .teaserBoxLargeBody_yellow .teaserBoxBodyInner
 {
    margin-bottom:5px;
    padding:10px 9px 5px 9px;
}

p.articleListTeaserItem, 
div.articleListTeaserItem {
    padding:0 0 10px 0;
    margin:0;
}

#infoLetter50 {
    
}
#infoLetter50 input {
    width:180px;
    margin-left:10px;
}
#infoLetter50 input.sbmt {
    width:auto;
    text-align:right;
}

#quickInfoSchulung table {
    width:100%;
    border-collapse:collapse;
}
#quickInfoSchulung table td {
    padding:3px 0;
}

/* at referenzen etc */
.smallGraySearch {
    background:url(../images/rounded_corners/bg_small_gray_search.gif) no-repeat right top;
    height:22px;
    line-height:22px;
    padding:0 10px;
    margin:10px 0;
}

.bigGraySearch {
    background:url(../images/rounded_corners/bg_big_gray_search.gif) no-repeat left top;    
    height:150px;
    line-height:22px;
    padding:0 10px;
    margin:10px 0;
    width:420px;
}

/* at referenzen */
.roundBoxNoHead {
    width:190px;
    height:190px;
    float:left;
    margin:0 0 40px 0;
}
.roundBoxNoHead .teaserBoxBody .teaserBoxBodyInner {
    margin:5px 0;
    padding:10px 10px 5px 10px;
    height:170px;
}
* html .roundBoxNoHead .teaserBoxBody .teaserBoxBodyInner {
    margin-bottom:5px;
    padding:10px 9px 5px 9px;
}
.mr40 {
     margin-right:40px;
}

.roundBoxNoHead img {
    display:block;
    margin-bottom:10px;
}
/* /teaser boxes */

#contentContainerMain .contentContainerMainLeft25 h2, 
#contentContainerMain .contentContainerMainRight25 h2, 
#contentContainerMain .contentContainerMainCenter75 h2 {
    margin:0;
    padding-left:10px;
    line-height:30px;
}

/* search input */
#searchInput {
    padding:4px 10px;
    margin:0 0 20px 0;
    height:22px;
}
* html #searchInput {
    padding:2px 10px;
    width:170px;
    overflow-x:hidden;
}
#searchInput input#search_phrase {
    margin-right:14px;
    border:0;
    width:130px;
    padding-left:10px;
}
#searchInput input#search_phrase_sbmt {
    padding:0;margin:0;
}
* html #searchInput input#search_phrase_sbmt {
    padding:0;margin:2px 0 0 0;
}

/* login form */
#login {

}
* html #login {
    overflow-x:hidden;
}
#login form label {
    clear:left;
    display:block;
    float:left;
    width:66px;
    margin-bottom:6px;
}
* html #login form label {
    width:62px;
    margin-bottom:6px;
}
#login form input {
    display:block;
    float:left;
    margin-bottom:6px;
}
#login form input.lgn {
    width:100px;
}
#login input.sbmt {
    width:auto;
}

/* referenzen */
#references {
    /*margin:0 0 20px 0;*/
}
* html #references {
    overflow-x:hidden;
}

#references img {
    display:block;
    margin-bottom:10px;
}

/* search results */
#contentContainerMain .contentContainerMainCenter50 #searchResults h1 {
    margin:3px 0 15px 0;
    padding:0;
}
.searchResultItem h2 {
    margin:0 0 4px 0;
    padding-top:3px;
}
/* /search results */

/* teaser blocks at center */
#contentContainerMain .contentContainerMainCenter50 .teaserBlock {
    margin:0 0 40px 0;
}
#contentContainerMain .contentContainerMainCenter75 .teaserBlock {
    margin:0 0 20px 0;
}

#contentContainerMain .contentContainerMainCenter50 .teaserBlock h1, 
#contentContainerMain .contentContainerMainCenter75 .teaserBlock h1 {
    margin:0 0 4px 0;
}

/* teaser image block */
.teaserBoxImage {
    margin:0 0 20px 0;
}

/* survey */
#survey .surveyDesc {
    
}

/* teaser 25 */
.teaser25 {
    margin:0 0 20px 0;
    width:190px;
}
#contentContainerMain .contentContainerMainCenter75 .teaser25 {
    float:left;
    margin-right:40px;
}
#contentContainerMain .contentContainerMainCenter75 .thirdHorizontal {
    margin-right:0;
}

#contentContainerMain .contentContainerMainLeft25 .teaser25 h2, 
#contentContainerMain .contentContainerMainCenter75 .teaser25 h2, 
#contentContainerMain .contentContainerMainRight25 .teaser25 h2 {
    padding-left:30px;
    line-height:17px;
    margin-bottom:7px;
}

/* schulungen */
#schulungDetails, 
#schulungBooking {
    margin:0 0 20px 0;
}
#schulungDetails h3, 
#schulungBooking h3 {
    margin:10px 0 0 0;
}

#schulungBooking form#bookingForm {
    margin-top:10px;
}

form#bookingForm input {
    padding:0;
    margin:0;
    width:188px;
}
* html form#bookingForm input {
    width:188px;
    overflow:hidden;
}

/* formulare */
.formFieldLeft, 
.formFieldRight {
    float:left;
    height:20px;
    padding:0;
    overflow:hidden;
}
.formFieldLeft {
    width:200px;
    margin-right:30px;
}
.formFieldRight {
    width:190px;
}

/* referenzen */
#referenceSearch {
    
}
#referenceSearch label {
    display:block;
    float:left;
    width:190px;
}

#referenceSearch select {
 width:210px;
}

#referenceSearch div.fr {
    float:right;
}

#referenceSearch input {
    width:206px;
    height:18px;
    margin:0;
    padding:0;
    font-size:12px;
}
#referenceSearch input.sbmt {
    width:auto;
    margin-right:0;
    padding-left:390px;
    height:10px;
}

#referenceSearch div.searchField {
    margin-top:5px;
}

#referenceSearch div.submitField {
    margin-top:10px;
    margin-bottom:10px;
    margin-right:10px;
}

/* /referenzen */

.paging table {
    border-collapse:collapse;
    width:100%;
}
.paging table td {
    padding:0;
    text-align:center;
    vertical-align:middle;
}
.paging table td.nav {
    width:11px;
}

/* aothor, location, date */
p.author {
    margin:0 0 16px 0;
    padding:0;
}
/* ################################################################### */
/* modules ########################################################### */
/* ################################################################### */


/* ----------------- GENERAL STUFF */
div.button, div.buttonNoArrow {
    padding-left:8px;
    float:left;
    height:16px;
    line-height:16px;
    margin:10px 0 0 0;
}
div.button a, div.buttonNoArrow a {
    display:block;
    height:16px;
    line-height:16px;
    padding:0 20px 0 0;
}
div.buttonNoArrow a {
    padding:0 8px 0 0;
}
* html div.button a, * html div.buttonNoArrow a {
    float:left;
}

div .sbmtButton {
    margin:10px 0 0 0;
    padding:0;
}
div .sbmtButton img {
    display:block;float:left;
}
div .sbmtButton input {
    padding:0 18px 7px 0;
    margin:0;
}
* html div .sbmtButton input {
    padding:0 8px 0 0;
    margin-left:-4px;
}
/* ----------------- GENERAL STUFF */


/* 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 */

/* ################################################################### */
/* kontaktformular ################################################### */
/* ################################################################### */
.kontaktformular {
    padding: 0px;
    width: 420px;
}

#block {
    margin-top: 10px;
    height: 30px;
    width:auto;
    display:block;
    
}

#block div.left {
    float: left;
    width: 190px;
}

#block div.right {
    float: right;
    
    width: 190px;
}

#block_end .both{
    float:left;
    width:auto;
    padding:0px;
    margin:0px;
}
#notice{
    width:420px;
}


/** Sitemap_Standard **/
ul.sitemapStandardMainCat {
    display:block;
    float:left;
    margin:0 25px 20px 0;
    padding:0;
    width:190px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
    padding-bottom:0;
    display:block;
    float:left;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    padding-bottom:10px;
    clear:left;
}
ul.sitemapStandardMainCat li.item_first { /** this overrides all those that don't have subcategories of level 3 **/
    padding-bottom:0;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    padding-bottom:0;
    clear:left;
}
ul.sitemapStandardMainCat li.last { /** this overrides all those that are not the last item of level 3 **/
    padding-bottom:10px;
}

ul.sitemapStandardMainCat li a.sitemapStandardLevel_1 {
    font-size:14px;
    line-height:30px;
    padding:7px 10px 13px 10px;
}
ul.sitemapStandardMainCat li a.sitemapStandardLevel_2 {
    display:block;
    width:170px;
    height:12px;
    line-height:16px;
    padding:4px 10px;
}
ul.sitemapStandardMainCat li a.sitemapStandardLevel_3 {
    display:block;
    width:170px;
    height:12px;
    line-height:16px;
    padding:4px 10px;
}
/** /Sitemap_Standard **/

.captcha {
    height: auto;
}

.captcha .formFieldLeft, .captcha .formFieldRight {
    height: 70px;
}

/**Social Network**/
.bg_social_network_top {
	background:url(http://www.contenido.org/de/images/social/bg_social_top.png) no-repeat scroll left 0 transparent;
	height:26px;
	width:59px;
	float:right;
}

.bg_social_network_middle {
	background:url(http://www.contenido.org/de/images/social/bg_social_middle.png) repeat-y scroll left 0 transparent;
	width:59px;
	float:right;
}

.bg_social_network_bottom {
	background:url(http://www.contenido.org/de/images/social/bg_social_bottom.png) no-repeat scroll left 0 transparent;
	height:26px;
	width:59px;
	float:right;
}

div.social_network {
	float:right;
	margin-right:10px;
}

.social_network_position {
	float:right;
	position:fixed;
	top:40%;
	right:0;
	z-index:4000;
}
.bg_social_network_middle {
 clear:both;
}

.bg_social_network_bottom {
 clear:both;
}