/**
 * Contenido CSS styles for page color, fonts, ...
 * 
 * @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, div, p, td, a, textarea, select {
    font-family:Arial, Verdana, sans-serif;
    color:#606060;
}
body {
    font-size:100,01%;
}
/* general stuff, misc */
input {
    border:1px solid #B5B5BD;
    font-size:76%;
}
input.sbmt, 
input.noborder {
    border:0;
}
img {
    border:0;
}

a {
    text-decoration:none;
    color:#0061B2;
}
a:hover {
    text-decoration:underline;
}

a.button {
    text-decoration:none;
    color:#0063B5;
    background-color:#DEE7E7;
    background-image:url(../images/arrow_right.gif);
    background-repeat:no-repeat;
    background-position:110px 5px;
}

textarea {
    border:1px solid #b4b4b4;
}
/* /----------------- general html structure */

body, #metaNavigationContainer {
    background-color:#efefef;
}

#outerContainer {
    background-color:#fff;
}

#footer {
    border-top:1px solid #efefef;
    color:#C9CECB;
    font-size:68%;
}
#footer strong {
    font-weight:normal;
}
#footer strong, 
#footer a {
    color:#999C9A;
}
#footer a {
    text-decoration:underline;
}
#footer a:hover {
    color:#0060b1;
}

/* meta navigation */
ul#metaNavigation li {
    background:url(../images/rounded_corners/meta_navi_right.gif) no-repeat right top;
}
ul#metaNavigation li a {
    font-size:76%;
    background-color:#fff;
    background:url(../images/rounded_corners/meta_navi_left.gif) no-repeat left top;
}
ul#metaNavigation li a:hover {
    font-size:76%;
    color:#0060b1;
}
ul#metaNavigation a:link, ul#metaNavigation a:visited {
    color:#999C9A;
    text-decoration: none;
}

/* main navigation */
ul#mainNavigation a {
    font-size:100%;
}
ul#mainNavigation li {
    background:url(../images/rounded_corners/main_navi_right_inactive.gif) no-repeat right top;
}
ul#mainNavigation li.active {
    background:url(../images/rounded_corners/main_navi_right_active.gif) no-repeat right top;
}
ul#mainNavigation a:link, ul#mainNavigation a:visited {
    background:url(../images/rounded_corners/main_navi_left_inactive.gif) no-repeat left top;
}
ul#mainNavigation li.active a:link, ul#mainNavigation li.active a:visited {
    background:url(../images/rounded_corners/main_navi_left_active.gif) no-repeat left top;
    color:#fff;
}

/* sub navigation */
ul#subNavigation {
    color: #006;
}
ul#subNavigation li {
    text-align: left;
}
ul#subNavigation li.active {
    background:url(../images/rounded_corners/sub_navi_right_active.gif) no-repeat right top;
}
ul#subNavigation li.active a {
    background:url(../images/rounded_corners/sub_navi_left_active.gif) no-repeat left top;
}
ul#subNavigation li.active ul li a {
    background:transparent;
}

ul#subNavigation li a {
    text-decoration: none;
    font-size:14px;
    color:#0061B2;
}
.contentContainerMainLeft25 ul#subNavigation li a {
    font-size:14px;
}

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

ul#subNavigation li a:hover {
    /*background-color: white;*/
}

ul#subNavigation li ul.subSubNavigation {
    background-color:#FBFBDF;
}
ul#subNavigation li ul.subSubNavigation li a {
    font-size:12px;
}
ul#subNavigation li ul.subSubNavigation li a:hover {
    background:url(../images/rounded_corners/subsubnavi_bullet.gif) no-repeat 175px 8px;
}

ul#subNavigation li ul.subSubNavigation li.lastSubSub {
    background:url(../images/rounded_corners/subsub_navi_right_bottom.gif) no-repeat right top;
}
ul#subNavigation li ul.subSubNavigation li.lastSubSubHover {
    background:url(../images/rounded_corners/subsub_navi_left_bottom_ov.gif) no-repeat right top;
}
ul#subNavigation li ul.subSubNavigation li.lastSubSub a {
    background:url(../images/rounded_corners/subsub_navi_left_bottom.gif) no-repeat left top;
}
/* this is horrible */
ul#subNavigation li ul.subSubNavigation li.active, 
ul#subNavigation li ul.subSubNavigation li.activeLast {
    background-image:none;
}
ul#subNavigation li ul.subSubNavigation li.active a {
    background-color:#FBFBDF;
    background:url(../images/rounded_corners/subsubnavi_bullet.gif) no-repeat 175px 8px;
}
ul#subNavigation li ul.subSubNavigation li.activeLast a {
    background:url(../images/rounded_corners/subsub_navi_right_bottom_ov.gif) no-repeat right top;
}
/* ################################################################### */
/* modules ########################################################### */
/* ################################################################### */

/* teaser boxes */
.teaserBox {
    background:url(../images/rounded_corners/teaser_top.gif) no-repeat right top;
}
.teaserBox .teaserBoxBody {
    background:url(../images/rounded_corners/teaser_bottom.gif) no-repeat right bottom;
}
.bgYellow .teaserBoxBody {
    background:url(../images/rounded_corners/teaser_bottom_nohead_yellow.gif) no-repeat right bottom;
}

.teaserBoxLarge {
    background:url(../images/rounded_corners/teaser_large_top.gif) no-repeat right top;
}

.teaserBoxLarge .teaserBoxLargeBody {
    background:url(../images/rounded_corners/teaser_large_bottom_yellow.gif) no-repeat right bottom;
}

.teaserBoxLarge .teaserBoxLargeBody_yellow {
    background:url(../images/rounded_corners/teaser_large_bottom_yellow.gif) no-repeat right bottom;
}


.teaserBox .teaserBoxBodyInner, 
.teaserBoxLarge .teaserBoxBodyInner {
    border-right:1px solid #E2E2E2;
    border-left:1px solid #E2E2E2;
    color:#626262;
}

.teaserBox hr, 
.teaserBoxLarge hr {
    border:0;
    color:#b4b4b4;
    background-color:#b4b4b4;
    height:1px;
    width:170px;
}
.teaserBoxLarge hr {
    width:400px;
}

.teaserBoxLarge h2 {
    font-size:110%;
    font-weight:normal;
    line-height:32px;
    padding-left:10px;
    margin:0;
}
.teaserBoxLarge .teaserBoxBodyInner {
    font-size:86%;
}

#infoLetter50 {
    
}
#infoLetter50 input {
    font-size:74%;
}
#infoLetter50 input.sbmt {
    
}

.bgYellow {
    background-color:#FAFBDC;
}

#quickInfoSchulung table td {
    font-size:98%;
}

/* at references */
.roundBoxNoHead {
    background:url(../images/rounded_corners/teaser_top_nohead_ref.gif) no-repeat right top;
    font-size:86%;
}

.roundBoxNoHead .teaserBoxBody {
    background:url(../images/rounded_corners/teaser_bottom_ref.gif) no-repeat right bottom;
}
.roundBoxNoHead .teaserBoxBodyInner {
    border-right:1px solid #E2E2E2;
    border-left:1px solid #E2E2E2;
    color:#626262;
}
/* /teaser boxes */

#contentContainerMain .contentContainerMainLeft25, 
#contentContainerMain .contentContainerMainRight25 {
    font-size:76%;
}

#contentContainerMain .contentContainerMainLeft25 h2, 
#contentContainerMain .contentContainerMainRight25 h2 {
    /*background-color:#DEE7E7;*/
    font-size:116%;
    font-weight:normal;
}

#contentContainerMain .contentContainerMainCenter50, 
#contentContainerMain .contentContainerMainRight50, 
#contentContainerMain .contentContainerMainCenter75 {
    font-size:86%;
    line-height:18px;
}

#contentContainerMain .contentContainerMainCenter50 h1, 
#contentContainerMain .contentContainerMainRight50 h1 {
    color:#333;
    font-size:1.26em; /* 17px */
    font-weight:normal;
}
/* deprecated */
#contentContainerMain .contentContainerMainCenter50 h1.grey, 
#contentContainerMain .contentContainerMainRight50 h1.grey {
    color:#666;
    margin:3px 0 10px 0;
    padding:0;
    font-size:20px;
    font-weight:normal;
}
/* /deprecated */

#contentContainerMain .contentContainerMainCenter50 h1.standard, 
#contentContainerMain .contentContainerMainCenter50 h1.standardAuthor, 
#contentContainerMain .contentContainerMainCenter75 h1.standard {
    color:#333;
    font-size:1.26em; /* 17px */
}
#contentContainerMain .contentContainerMainCenter75 h1.standard {
    font-weight:normal;
}

#contentContainerMain .contentContainerMainCenter50 h3, 
#contentContainerMain .contentContainerMainRight50 h3 {
    color:#333;
    font-size:1.1em; /* 15px */
    font-weight:normal;
}

#searchInput {
    background-color:#DEE7E7;
    background:url(../images/rounded_corners/bg_search.gif) no-repeat right top;
    border:0;
}

/* login form */
#login {

}
#login form {
    color:#636362;
}
#login form input {

}

/* referenzen */
#references {

}
#references strong {
    color:#0063B5;
    font-weight:normal;
}

/* survey */
#survey {

}

/* teaser 25 */
.teaser25 {
    line-height:16px;
}
#contentContainerMain .contentContainerMainLeft25 .teaser25 h2, 
#contentContainerMain .contentContainerMainCenter75 .teaser25 h2, 
#contentContainerMain .contentContainerMainRight25 .teaser25 h2 {
    background-color:#fff;
    color:#0061B2;
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:130%;
}
#contentContainerMain .contentContainerMainCenter75 .teaser25 h2 {
    font-size:116%;
    font-weight:normal;
}

/* schulungen */
#schulungDetails, 
#schulungBooking {
    color:#676767;
}

#schulungDetails h3 {
    font-weight:normal;
    padding-top:12px;
}

#schulungBooking h3 {
    font-weight:normal;
}

form#bookingForm {
    font-size:86%;
}
form#bookingForm input {
    font-size:76%;
}
form#bookingForm textarea {
    font-size:106%;
}

/* referenzen */
.smallGraySearch {
    font-size:86%;
}
.smallGraySearch input {
    border:0;
}
/* /referenzen */

/* search results */
.searchResultItem h2 {
    color:#0061B2;
    font-size:1em;
    font-weight:bold;
}
/* /search results */

/* aothor, location, date */
p.author {
    color:#B3B3B3;
    font-size:0.8em;
    text-transform:uppercase;
}
p.author strong {
    font-weight:normal;
    color:#666;
}
/* ################################################################### */
/* modules ########################################################### */
/* ################################################################### */


/* ----------------- GENERAL STUFF */
div.button, div.buttonNoArrow {
    background:url('../images/rounded_corners/bg_button_links_left.gif') no-repeat left top;
}
div.button a {
    background:url('../images/rounded_corners/bg_button_links.gif') no-repeat right top;
    font-size:96%;
}
div.buttonNoArrow a {
    background:url('../images/rounded_corners/bg_button_links_no_arrow.gif') no-repeat right top;
    font-size:96%;
}

div .sbmtButton {
    
}
div .sbmtButton img {
    
}
div .sbmtButton input {
    background-color:transparent;
    background-image:url('../images/rounded_corners/bg_button_links.gif');
    background-position:right top;
    background-repeat:no-repeat;
    border:0;
    width:auto;
    height:16px;
    color:#0061B2;
    font-size:106%;
}
* html div .sbmtButton input {
    font-size:96%;
}

strong.sem {
	font-weight:normal;
}
/* ----------------- GENERAL STUFF */

/* ################################################################### */
/* kontaktformular ################################################### */
/* ################################################################### */
#block .input_text {
    height: 14px;
    font-size:11px;
}

#submit_button{
    border:none;
    text-align:right;
    
}

.textarea{
    height:auto;
    padding:0px;
    max-width:350px;
    width:350px;
    margin-bottom:10px;
}
.checkbox{
    padding:0px;
    padding-top:10px;
    margin-bottom:10px;
}
#kontaktformular textarea, #kontaktformular input {
    font-size:11px;
}
.input_text{
    color:#606060;
}

/* ################################################################### */
/* Downloadbox yellow ################################################ */
/* ################################################################### */

div.yellow_left{float:left; width:200px;}
div.yellow_rechts{ margin-left:50px;}
span.beschreibung{color:#666666; }
span.file_name{color:#999999;}
.hr_yellow{float:left; width:400px; margin-top:10px;}
.yellow_teaser{float:left; margin-left:0px; }
.yellow_teaser a:hover{color:#0060b1 !important}


/* ################################################################### */
/* contentContainerMainLeft25 Images ################################# */
/* ################################################################### */

div.contentContainerMainLeft25 .image{
    margin-bottom: 20px;
}

/* ################################################################### */
/* Startpage referenz single box     ################################# */
/* ################################################################### */
div#referenzImage  {
	background-color:white;
	background-image:url(../images/referenz_pfeil_links.gif);
	background-position:center center;
	background-repeat:no-repeat;
	height:128px;
	left:203px;
	opacity:0.7;
	filter: alpha(opacity=50);
	position:absolute;
	top:582px;
	width:85px;
	display : none;
	cursor: pointer;
}


/** Sitemap_Standard **/
ul.sitemapStandardMainCat {
	list-style-type:none;
	background-color:transparent;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
	background:transparent url(../images/rounded_corners/main_navi_right_inactive.gif) no-repeat right top;
}

ul.sitemapStandardMainCat li a {
	text-decoration:none;
	color:#0060b1;
}
ul.sitemapStandardMainCat li a:hover {
	text-decoration:underline;
}
ul.sitemapStandardMainCat li a.sitemapStandardLevel_1 {
	font-size:14px;
	line-height:30px;
	background:transparent url(../images/rounded_corners/main_navi_left_inactive.gif) no-repeat left top;
}
ul.sitemapStandardMainCat li a.sitemapStandardLevel_2 {
	font-size:12px;
	background-color:#F1F1F1;
}
ul.sitemapStandardMainCat li a.sitemapStandardLevel_3 {
	font-size:11px;
	background-color:#F9FBDD;
}
/** /Sitemap_Standard **/

img.captchapict {
    float: left;
    margin-right: 10px;
}

p.captcha {
    width: 430px;
}

p.captcha input {
    float:left;
    margin-top: 20px;
    width: 140px;
    margin-right: 4px;
}

input.captcha_refresh {
    width: 60px !important;
    margin-bottom: 4px;
    margin-top: 4px;
}


#contactForm label {
    width: 150px;
    display: block;
    float: left;
    margin-bottom: 3px;
}

#contactForm input.eingabe {
    width: 250px;
    display: block;
    float: left;
    margin-bottom: 3px;
}

#contactForm select.eingabe {
    width: 252px;
    display: block;
    float: left;
    border: 1px solid #B5B5BD;
    font-size: 86%;
    line-height: 18px;
    margin-bottom: 3px;
}

#contactForm {
    width: 550px;
}

#contactForm #contactFormSubmit {
    margin-top: 10px;
}

#contactForm #contactFormSubmit input {
    width: 146px;
    margin-right: 10px;
    float: left;
}

#contactForm #contactFormSubmit #contactFormSubmitLeft input {
    margin-left: 150px;
    width: 96px;
}

p.newsletter_status {
    color: #999C9A;
    font-weight: bold;
}