html, body {background: #fff;border:0 none;}
/***** Layout
************************************************/
#cont {
position:relative;
z-index:1;
margin: 300px 0 0 0;
}

/****** Pageheader / Seitenkopf
**********************************************************/


/*----- Header
---------------------------------*/
#pageheader {
	position:absolute;
	top:0;
	z-index:0;
    height: 300px;
    width: 100%;
    border: 0 none;
    background: url("img/header_streifen.png") no-repeat left top;
    }
#pageheader .header {
    margin: 0 auto;
    width: 950px;
    height: 240px;
    background: #fff url("img/header_vsp_projektleiter.jpg") no-repeat left top;
    text-align:right;
    }

#pageheader .header #logo {
    height: 170px;
    text-align:left;
    }
#pageheader .header .citat {
    display:inline-block;
    padding: 0 10px;
    font-size: 22px;
    color: #a23d86;
    text-align:right;
    line-height: 36px;
    background: url("img/citat_bg.png") no-repeat left top;
    }
#pageheader .header .citat_author {
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align:right;
    }

#pageheader #menuecont {
    clear:both;
    margin: 0 auto;
    width:950px;
    padding: 15px 0 0 0;

    }




#search {
    width:150px;
    height:53px;
    float:left;
    }
#search form {padding:10px 5px 0 20px;}
#search label {display:block;}
#search input {vertical-align:top;}
#search input.text {width:102px;height:18px;border: 1px solid #a23d86;}

/*----- Boxen
---------------------------------*/
.boxcontent {
    clear:both;
    margin:0 auto;
    width: 950px;
    height: 150px;
    padding: 0;
    }

.boxcontent .teaser {padding: 0 10px;}
.boxcontent .teaser .teaser {padding: 0;}
.boxcontent .teaser p {padding: 0;height: 96px;}

.boxcontent h2 {
padding:  0;
line-height:30px;
font-size: 12px;
}
.boxcontent h3 {
padding:  0;
line-height:30px;
font-size: 12px;
}
.boxcontent h4 {
padding:  0;
line-height:30px;
font-size: 12px;
}

#wrapperboxcontentleft,
#wrapperboxcontentright {
    float:left;
    width: 270px;
    height: 150px;
    background:url("img/box_content_bg.png") no-repeat left top;
    }

#wrapperboxcontentright {
    margin-left: 30px;
    }
#wrapperboxright2,
#wrapperboxright {
    float:right;
    width: 350px;
    height: 150px;
    background:url("img/box_right_bg.png") no-repeat left top;
    }




#wrapperboxcontentleft2,
#wrapperboxcontentright2 {
	margin: 30px 0 0 0;
    float:left;
    width: 270px;
    height: 150px;
    }


#wrapperboxcontentright2 {
    margin-left: 30px;
    }
#wrapperboxright2 {
	margin: 30px 0 0 0;
    }


#wrapperright {
    padding: 16px 0 10px 0;
    }

/* #wrapperright div.pi_element{
    margin: 0;
    padding: 18px 10px 10px 10px;
    background: url("img/box_right_content_content.gif") repeat left top;

    } */
#wrapperright h2,
#wrapperright h3,
#wrapperright h4,
#wrapperright h5,
#wrapperright h6 {
    margin: 0;
    padding: 0 10px;
    line-height: 26px;
    background: url("img/box_right_content_top.png") no-repeat left top;
    }

#wrapperright img {padding: 0;}

#wrapperright p {
padding: 0 10px;
}
#wrapperright .puzzle {
padding: 0 10px;
}

#wrapperright ol,
#wrapperright ul {
padding: 0 10px 0 24px;
}


#wrapperright div.wysiwyg {
    background: url("img/box_right_content_bottom.png") no-repeat left bottom;
    }

/*----- Projekt Seite
---------------------------------*/
.projekte #wrapperboxcontentleft{background:url("img/box_kompag.png") no-repeat left top;}
.projekte #wrapperboxcontentright{background:url("img/box_inselprojekt.png") no-repeat left top;}
.projekte #wrapperboxright {background:url("img/box_rekobim.png") no-repeat left top;}

.projekte #wrapperboxcontentleft2 {background:url("img/box_coaching.png") no-repeat left top;}
.projekte #wrapperboxcontentright2 {background:url("img/box_balfin.png") no-repeat left top;}
.projekte #wrapperboxright2 {background:url("img/box_naf.png") no-repeat left top;}



/*----- Content
---------------------------------*/
#pagecontent {
    clear:both;
    margin: 0 auto;
    padding: 14px 0 30px 0;
    width: 950px;
    text-align:left;
    }

#wrappercontent {
    width:570px;
    float:left;
    }

#wrapperright {
    width: 350px;
    float:right;
    }

/*----- Footer
---------------------------------*/
#pagefooter {
    clear:both;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    width: 950px;
    text-align:left;
    border-top: 1px solid #a23d86;
    }


/***** Brotkruemelleiste
************************************************/
#breadcrumb {
    width:590px;
    margin: 0 0 0 32px;
    padding: 29px 0 0 0;
    height: 14px;
    list-style:none;
    float:left;
    }
#breadcrumb li {
    display:-moz-inline-box;  /* Mozilla fix inline-block */
    display:inline-block;
    float:left;
    padding: 0 10px 0 0;
    line-height:14px;
    font-size:12px;
    }
#breadcrumb li a {
    line-height:14px;
    color: #666;
    padding: 0 0 0 15px;
    font-size:12px;
    background: url("img/breadcrumb.gif") no-repeat top left;
    }



/*-- Box right
------------------------*/
#wrapperright .frm .element {width:100%;}
#wrapperright .frm .field {width:100%;}


/***** Abs�tze
**********************************************************/
.imgcave {display: table-cell;display: inline-block;}

.lightbox {margin-top: 16px;}


.teaser .txt {width:300px;text-align:left;}
.teaser .links {text-align:right}

#wrapperboxcontentleft .teaser img {width:115px;margin-top: 30px;}
#wrapperboxcontentleft .teaser .txt {width:205px;}
#wrapperboxcontentright .teaser img {width:115px;margin-top: 30px;}
#wrapperboxcontentright .teaser .txt {width:205px;}
#wrapperboxright .teaser img {width:115px;margin-top: 30px;}
#wrapperboxright  .teaser .txt {width:205px;}
#wrapperright .teaser img {width:115px;}
#wrapperright  .teaser .txt {width:205px;}
#wrappercontent .teaser img {width: 220px;}




/*
.tpltext {width: 340px;}
.tpltext .text {width: 340px;}

.tpltext .textimgfixedleft {float:left;width: 100px;}
.tpltext .textfixedleft {float:right;width: 225px;}

.tpltext .textimgfixedright {float:right;width: 100px;}
.tpltext .textfixedright {float:left;width: 225px;}

.tpltext .textimgfloatleft {float:left;width: 100px;margin: 0 15px 10px 0;}
.tpltext .textimgfloatright {float:right;width: 100px;margin: 0 0 10px 15px;}


#fullcontent .tpltext {width: 710px;}
#fullcontent .tpltext .text {width: 710px;}

#fullcontent .tpltext .textimgfixedleft {float:left;width: 200px;}
#fullcontent .tpltext .textfixedleft {float:right;width: 490px;}

#fullcontent .tpltext .textimgfixedright {float:right;width: 200px;}
#fullcontent .tpltext .textfixedright {float:left;width: 490px;}

#fullcontent .tpltext .textimgfloatleft {float:left;width: 200px;margin: 0 20px 10px 0;}
#fullcontent .tpltext .textimgfloatright {float:right;width: 200px;margin: 0 0 10px 20px;}

#fullcontent ul    {padding:0; list-style:none; background:url("img/ul.gif") no-repeat left top;}
#fullcontent ul ul {padding:0 0 0 16px; list-style:circle outside;}

#fullcontent ul li {padding: 0 0 0 16px;background:url("img/li.gif") no-repeat left top;}
#fullcontent ul li.ulend {height:20px;line-height:20px;background:url("img/ulend.gif") no-repeat left top;}
#fullcontent ul ul li.ulend {display:none;}
#fullcontent ul li * {background:none;}
#content table td {padding: 0 2px;}
#content table td * {padding: 0;}


.pi_editor_image {font-size:0;}


.teas .teasimg {width:235px;text-align:left;}
.teas .teasimg a {margin:0;padding:0;display:inline;}
.teas .teasimg img {width:210px;}

.teas .teastext {width:425px;text-align:left;}
.teas .teasmore {display:block;text-align:right}

.teas .teastext h3 {font: normal bold 100%/27px Arial, helvetica, sans-serif;color:#333;}



#wrapperright .teas .teasimg {width:115px;text-align:left;}
#wrapperright .teas .teasimg img {margin:30px 0 0 0;padding:0;width:100px;text-align:left;}
#wrapperright .teas .teastext {width:205px;text-align:left;}
#wrapperright .teasni .teastext {width:330px;text-align:left}
#wrapperright .teas .teastext .topic {margin-left: -125px;}
#wrapperright .teasni .teastext .topic {margin-left:0;}



#wrapperboxright .teas .teasimg,
#wrapperboxright2 .teas .teasimg {width:115px;text-align:left;}
#wrapperboxright .teas .teasimg img,
#wrapperboxright2 .teas .teasimg img {margin:30px 0 0 0;padding:0;width:100px;text-align:left;}

#wrapperboxright .teas .teastext,
#wrapperboxright2 .teas .teastext {width:205px;text-align:left;}

#wrapperboxright .teas .teastext p span,
#wrapperboxright2 .teas .teastext p span {display:block;height: 96px;overflow:hidden;}

#wrapperboxright .teasni .teastext,
#wrapperboxright2 .teasni .teastext {width:330px;text-align:left}

#wrapperboxright .teas .teastext .topic,
#wrapperboxright2 .teas .teastext .topic {margin-left: -125px;}

#wrapperboxright .teasni .teastext .topic,
#wrapperboxright2 .teasni .teastext .topic {margin-left:0;}


#wrapperboxcontentleft .teas .teasimg,
#wrapperboxcontentright .teas .teasimg,
#wrapperboxcontentleft2 .teas .teasimg,
#wrapperboxcontentright2 .teas .teasimg {width:115px;text-align:left;}

#wrapperboxcontentleft .teas .teasimg img,
#wrapperboxcontentright .teas .teasimg img,
#wrapperboxcontentleft2 .teas .teasimg img,
#wrapperboxcontentright2 .teas .teasimg img {margin:30px 0 0 0;padding:0;width:100px;text-align:left;}

#wrapperboxcontentleft .teas .teastext p span,
#wrapperboxcontentright .teas .teastext p span,
#wrapperboxcontentleft2 .teas .teastext p span,
#wrapperboxcontentright2 .teas .teastext p span {display:block;height:96px;overflow:hidden;}

#wrapperboxcontentleft .teas .teastext,
#wrapperboxcontentright .teas .teastext,
#wrapperboxcontentleft2 .teas .teastext,
#wrapperboxcontentright2 .teas .teastext {width:120px;text-align:left;}

#wrapperboxcontentleft .teasni .teastext,
#wrapperboxcontentright .teasni .teastext,
#wrapperboxcontentleft2 .teasni .teastext,
#wrapperboxcontentright2 .teasni .teastext {width:250px;text-align:left;}

#wrapperboxcontentleft .teas .teastext .topic,
#wrapperboxcontentright .teas .teastext .topic,
#wrapperboxcontentleft2 .teas .teastext .topic,
#wrapperboxcontentright2 .teas .teastext .topic {margin:0 0 0 -125px;}

#wrapperboxcontentleft .teasni .teastext .topic,
#wrapperboxcontentright .teasni .teastext .topic,
#wrapperboxcontentleft2 .teasni .teastext .topic,
#wrapperboxcontentright2 .teasni .teastext .topic {margin:0;}


*/