/* Stylesheet for Hoppinger CMS
(c) 2006-2008 Hoppinger.com */

@import url('menu.css');
@import url('sitemap.css');
@import url('people.css');
@import url('portfolio.css');
@import url('caseSelection.css');

/* BEGIN General style (no classes, no selectors) */
    /* START copy this to html_editor.css */
    body {
      	color: #2a2a26;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-family: Arial, Optimer, Verdana, Arial, sans-serif;
    }

	* { outline:none; }

    img {
        border : 0;
    }


    .clickable, a:link, a:visited, a:active {
		cursor: pointer;
        color: #39b508; /*blue*/
        text-decoration:underline;
    }

    a:hover {
        color: #ef6321; /*orange*/
        text-decoration:underline;
    }

    p {
		font-size: 13px;
		line-height: 150%;
		margin: 0px 0 8px 0;
        padding: 0px 0 8px 0;
    }
    /* END copy this to html_editor.css */

.white{
	color: #fff;
}

.hidden_row {
	display: none;
}

table {
	border-collapse: collapse;
}

td {
	text-align: left;
}


h1 { /* Page title extra */
	font-size: 20px;
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
	font-weight: normal;
	color: #2a2a27;
	clear: both;
	/*margin-bottom: -13px;*/
}


h1#anch886 {
	color: #3f9b34;
	font-size: 19px;
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
}


h2 { /* module subheader */
	font-family: arial, sans-serif;
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

.detail .detail-conent span.titel-person-text, .detail span.titel-person-text{
	color: #4AA03F;
	font-size:20px;
	font-weight:lighter;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	top: 11px;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
    color: #000;
}

/* END General Style */

/* BEGIN Lay-out structures (specific tables, td's and divs ) */
#adminPageHeader {
	border: 1px solid black;
	background-color: #BFBFBF;
	padding-left: 5px;
}

#bottom {
    border-top: 1px solid #bbb;
}

#bottom, #bottom a {
    font-size:9px;
    color: #ccc;
    text-decoration:none;
    text-align:center;
    padding: 5px 0;
}

#login {
    margin:100px auto;
    border: 1px solid #bbb;
    padding: 10px;
    width: 500px;
    background-color:#fafafa;
}
/* END Lay-out structures */

/* BEGIN Correct lay-ouy structures */

div#siteWrapper{
	width: 960px;
	margin: 0 auto;
}

div#topContainer{
	clear: both;
	float: left;
	width: 960px;
	height: 154px;
	background: #fff url('../images/header_bg.png') no-repeat;
}

div#topContainer img{
	float: left;
	margin: -20px 0 0 28px;
	border: none;
}

/* IE6 */
*html div#topContainer img{
	margin-top: 0;
}

/* IE7 */
*:first-child+html div#topContainer img{
	margin-top: 0px;
	margin-left: 33px;
}

div#topContainer ul{
	float: right;
	margin-right: -19px;
	list-style: none;
}

/* IE7 */
*:first-child+html div#topContainer ul{
	margin-top: 10px;
	margin-right: -20px;
}

div#topContainer ul li{
	float: left;
	margin-right: 12px;
}

div#topContainer ul li a{
	color: #3399cc;
	text-decoration: none;
}

div#topContainer ul li a:hover{
	text-decoration: underline;
}

div#introContainer
{
	position: absolute;
	top: 0px;
	left: 28px;
/*	margin-left: 28px;*/
	width: 567px;
	height: 145px;
	padding: 0px 30px 5px 23px; /* top left bot right */
	z-index: 4;
	background: #a9a99a url('/images/introContainerBackground.gif') no-repeat;
	color: #fff;
	line-height: 150%;
	font-size: 14px;
	overflow: hidden;
}

div#introContainer p{
	line-height: 150%;
	font-size: 14px;
}

#longIntroWrapper{
	float: left;
	width: 628px;
	display: none;
}

div#introContainerLongTop{
	float: left;
	width: 628px;
	height: 5px;
	background: #a9a99a url('/images/introcontainer_long_top.gif') no-repeat;
	margin-left: 24px;
}

div#introContainerLong{
	float: left;
	width: 571px;
	padding: 0px 30px 5px 28px; 
	background: #a9a99a url('/images/introcontainer_long_bg.gif') repeat-y;
	margin-left: 23px;
	color: #000;
	line-height: 150%;
	font-size: 14px;
}

/* IE6 */
*html #longIntroWrapper{
	width: 668px;
}

*html div#introContainerLongTop{
	background-color: transparent;
	height: 3px;
	margin-left: 11px;
	width: 625px;
}

*html div#introContainerLong{
	width: 570px;
	margin-top: -11px;	
	margin-left: 11px;
}

/*IE7*/
*:first-child+html div#introContainer{
	/*margin-left: -1000px;*/
	left: 33px;
}

*:first-child+html div#introContainerLongTop{
	margin-left: 29px;
}

*:first-child+html div#introContainerLong{
	margin-left: 28px;
}




div#introContainer p, div#introContainerLong p{
	float: left;
	width: 100%;
	color: #fff;
	margin-top: -8px;
	line-height: 150%;

}

div#introContainerLong p{
	font-size: 14px;
	color: #000;
}

div#introContainer a, div#introContainerLong a{
	color: #3399cc;
	text-decoration: none;
}

div#introContainer a:hover, div#introContainerLong a:hover {
	text-decoration: underline;
}

div#introContainer span.readmoreLink {
	color: #3399cc;
	font-weight:bold;
	text-decoration: none;
	cursor:pointer;
}

div#mainContent{
	float: left;
	width: 960px;
	/*width: 1080px;*/

	padding-bottom: 20px;
	background: #e9e9e6 url('/images/body_bg_top.gif') no-repeat;
}

div.contentTopNormal, div.contentTopBlack{
	float: left;
	width: 601px;
	width: 628px;
	position: relative;
	left: -27px;
	padding: 0;
	/*padding-left: 27px;*/
	margin-top: 0px;
	margin-bottom: 20px;
	height: 5px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: transparent url('/images/normal_article_top_background.gif') repeat-y;
}

div.contentTopBlack{
	background: transparent url('/images/black_content_top.gif') repeat-y;
}

div.contentBottomNormal{
	float: left;
	width: 608px;
	position: relative;
	left: 24px;
	padding: 0;
	padding-left: 20px;

	margin-top: 0px;

	height: 13px;
	line-height: 5px;
	font-size: 1px;
	background: transparent url('/images/normal_article_bottom_background.gif') repeat-y;
}

div.content {
	float: left;
	width: 601px;
	width: 574px;
	overflow: hidden;
	position: relative;
	left: 24px;
	padding: 0;
	padding-left: 27px;
	padding-right: 27px;
	background: /*#fff*/ url('/images/normal_article_background.png') repeat-y;
}

div.content ul{
	font-size: 13px;
	line-height: 150%;
}

div.content p {
line-height: 150%;
}

/*IE7 fix */
*:first-child+html .content{
	margin-left: 5px;
}

*:first-child+html .contentBottomNormal{
	margin-left: 5px;
}
/*******/

div#sidebarContainer{
	float: right;
	width: 300px;
	padding: 0px 0px; /* verti hori */
	margin: 0;
	position: relative;
	margin-right: -8px;
	/*right: 100px;*/
}

/* FOOTER */
div#footer{
	clear: both;
	margin: 0 auto;
	min-height: 275px; /*was 400px */
	padding: 20px 0;
	background: #7d7d72 url('/images/footer_background.gif') repeat-x;
}

div#footerContainer{
	margin: 0 auto;
	width: 960px;
}

div#footerAdress{
	float: left;
	margin: 0px 0 0 30px;
	color: #fff;
}

div#footerAdress a{
	text-decoration:none;
	color: #3399cc;
}

div#footerAdress a:hover{text-decoration: underline}

div#footer ul {
	float: right;
	position: relative;
	width: 250px;
	right: 28px;
	margin: 0px;
	line-height: 20px;
	list-style: none;
}

/* IE7 only */
*:first-child+html div#footer ul{margin-top: 10px}

/* IE6 only */
*html div#footer ul {margin-top: 0px}



div#footer ul li a{
	color: #92d400;
	text-decoration: none;
	text-transform: lowercase;
}

div#footer ul li a:hover{text-decoration: underline}
div#footer ul li a.footerActive{font-weight: bold}

/* END Correct lay-ouy structures */

/* MAIN MENU */
div#mainMenu{
	float: left;
	width: 960px;
}

/************* SIDEBAR ********/
div.sidebarItem{
	float: left;
	width: 265px;
	padding: 0 20px 5px 15px; /* top left bot right */
	margin: 20px 0 0 0;
	background: #f4f4f3 url('../images/sidebarTop.gif') no-repeat;
	line-height: 150%;
}

div.sidebarItem a{
	color: #3399CC;
	text-decoration: none;
}

div.sidebarItem a:hover{
	text-decoration: underline;
}

div.sidebarItem ul{
	padding: 0;
	margin: 0;
	list-style-position: inside;
}


div.sidebarBottom{
	float: left;
	width: 300px;
	height: 6px;
	background: #f4f4f3 url('../images/sidebarBottom.gif') no-repeat;
}

/* Twitterbox */
#twitterDiv{
	overflow: hidden;
}

#twitterDiv ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#twitterDiv ul li{
	float: left;
	margin-bottom: 20px;
	color: #2a2a26;
	line-height: 150%;
}

#twitterDiv ul li a{
	color: #3399cc;
	text-decoration: none;
}

#twitterDiv ul li a:hover{
	text-decoration: underline;
}

/* Blog items */
#blogItems img{
	border: 1px solid #6abe29;
}

#blogItems a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.blogItemContainer{
	float: left;
	margin-bottom: 20px;
}


.blogAuthor{
	float: left;
	margin-top: 0px;
	font-size: 10px;
	color: #4aa03f;
	line-height: 115%;
}

/*IE7 */
*:first-child+html .blogAuthor{
	margin-top: 5px;
}

#blogItems a{
	color: #3399cc;
	text-decoration: none;
}

#blogItems a:hover{
	text-decoration: underline;
}

.gototop { /* container for go-to-top line */
    padding: 8px 0;
    text-align:center;
}




/* BEGIN Hyperlink and Download area */
table.area {
	width: 100%;
	border: 1px solid #bbb;
    color:#000;
    background-color:#fafafa;
}

td.area-header {
	color: #fff;
	letter-spacing: 1px;
	background-color: #bbb;
	height: 16px;
	padding: 0 0 0 5px;
}

/* END Hyperlink and Download area */

/* BEGIN GroupManagement */
td.groupmanagement-header {
	background-color: #bbb;
	color: white;
	border: 1px solid #949494;
}

input.inputField {
	border: 1px solid #949494;
}
/* END GroupManagement */

/* BEGIN login */
td.error_message {
	color: red;
}
/* END login */



/* BEGIN moduleManager */
#textContentWrapper{
	float: left;
	width: 574px;
}

#textContentWrapper h1, #textContentWrapper h2 {	
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
	color: #4aa03f;	
}

#textContentWrapper h1 {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 19px;	
	float: left;
	height: 22px;
	width: 100%;	
}

#textContentWrapper p, .content p{
	font-size: 13px;
	line-height: 150%;
}

#textContentWrapper h2, #textContentWrapper h2 a {
	margin: 4px 0 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #2a2a27;
}

.moduleBottom{
	float: left;
	width: 620px;
	height: 5px;
	margin: 15px 0 15px -15px;
	background: transparent url('../images/module_rule.gif') no-repeat;
}

.moduleBottomShowcase{
	float: left;
	width: 620px;
	height: 5px;
	margin: 15px 0 15px -23px;
	background: transparent url('../images/module_rule.gif') no-repeat;
}

.moduleLinkContent
{
	margin: 0;	
	font-size: 13px;
	line-height: 150%;
}


.moduleLinkContent .block_content h4 a:hover {
	text-decoration: none;
}

.moduleLinkContent .block_content a {
	color: #3399CC;
	text-decoration: none;
	font-weight: bold;
}

.moduleLinkContent .block_content a:hover {
	text-decoration: underline;
}

.moduleLinkContent .block_content h4, .moduleLinkContent .block_content h4 a {
	font-size: 14px;
	color: #3F9C35;
	margin: 0;
	padding: 0;
	font-weight: bold;
	
}

/* IE7 */
*:first-child+html .moduleLinkContent{
	padding-bottom: 0;
}

.editDiv{
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 30px;
}

/* IE7 */
*:first-child+html .editDiv{
	padding-bottom: 0px;
}

.moduleLinkContent p
{
	/*margin: 0;*/
}

.moduleLinkContent h2 {
	font-size:13px;
	margin-bottom: 3px;
}

.moduleLinkContent h3 a{
	color: #2A2A27;
}
	
.moduleLinkContent a{
	color: #3399CC;
	text-decoration: none;
	font-weight: normal;	
}

.moduleLinkContent .read_full_article{
	color: #3399CC;
	text-decoration: none;
	font-weight: bold;	
}

.read_full_article{
	position: relative;
	top: -7px;
	margin-bottom: 15px;	
}

.moduleLinkContent a:hover
{
	text-decoration: underline;
}

#anchor_container{
	margin-left: -40px;
	margin-top: -15px;
}

/* IE6 */
*html div#anchor_container{
	margin-top: 0;
}

/* IE7 */
*:first-child+html div#anchor_container{
	margin-top: 0;
}

#anchor_container ul{
	list-style: none;
	color: #39B508;
}

#anchor_container ul li a{
	font-weight: bold;
	color: #3399CC;
	text-decoration: none;	
}

#anchor_container ul li a:hover{
	text-decoration: underline;	
}

.download_area_table
{
	width: 100%;
}

.download_area_header_cell
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.download_area_item_cell
{
	text-align: left;
	vertical-align: top;
}
/* END moduleManager */


/* BEGIN Translation Manager */

.normalRow
{
	background-color: #fff;
}

.highlightedRow
{
	background-color: red;
}

.moveElement ul {
	margin: 0;
	padding: 0;
	margin-left: 18px;
	list-style: none;
}

.moveElement .currentNode > span {
	color: green;
	font-weight: bold;
}
.moveElement .currentNode > input {
	display: none;
	font-weight: bold;
}
.moveElement .inActive > span {
	color: blue;
	text-decoration: italic;
}

#caseDescription h1
{
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
	color: white;
	font-weight: normal;
}


#caseDescription h2{
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
	color: #69be28;
	font-weight: normal;
	font-size:19px;
}

#coverFlowContainer{
	float: left;
	width: 620px;
	height: 420px;
	/*margin: -5px 0 0 -15px; /* top left bot right */
	/*margin: 0px; /* top left bot right */
	position: relative;
	left: -23px;
	margin-top: -33px;
	margin-bottom: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #2a2a27 url('../images/slideshow_background.gif') repeat-x;
	color: white;
	text-align: center;
	outline: none;
}

#coverFlowContainerNoFlash{
	float: left;
	width: 586px;
	position: relative;
	left: -23px;
	padding-left:17px;
	padding-right:17px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #2a2a27 url('../images/slideshow_background.gif') repeat-x;
	color: white;
	text-align: center;
}

#coverFlowContainerBottom{
	float: left;
	width: 620px;
	height: 8px;
	position: relative;
	left: -23px;
	background: #2a2a27 url('../images/slideshow_background_bottom.gif') no-repeat;
}

#caseDescription{
	padding: 0 75px 0 23px;
	text-align: left;
}

.caseDescription p{
	margin: 0;
	padding: 0;
}

#caseDescription a{
	color: #3399cc;
	text-decoration: none;
	font-weight: bold;
}

#caseDescription a:hover{
	text-decoration: underline;
}

a.backLink{
	font-size: 13px;
	color: #3399cc;
	text-decoration: none;
}

a.backLink:hover{
	text-decoration: underline;
}



#coverFlowContainer h3{
	color: white;
}

#coverFlowContainer
{
	color: white;
}

#caseDescription h1
{
	color: white;
}

#caseDescription h2{
	padding: 4px 0;
}

/* END Translation Manager */


.wideContentBlockTop, .wideContentBlock{
	float: left;
	width: 580px;
	margin-left: -4px;
	background: transparent url('/images/wide_content_block.gif') no-repeat;
}

/* H1 fixes for IE6 */
*html .wideContentBlockTop, *html .wideContentBlock{
	position: relative;
}

.wideContentBlockTop{
	height: 8px;
	font-size: 1px;
	margin-top: 2px;
}

.wideContentBlock h1, .wideContentBlock h3 {
	float: left;
	width: 570px;
	margin: 0 0 20px 0;
	padding-bottom: 0px;
	color: #2a2a27;
	font-size: 20px;
	font-weight: normal;
	font-family: Helvetiker, sans-serif, georgia, Verdana, Arial;
}

.wideContentBlock h3{
	margin-bottom: 10px;
}

.wideContentBlock{
	width: 580px;
	overflow-x: hidden;
	background: transparent url('/images/wide_content_background.gif') repeat-x;
	padding: 0 0 10px 0;
}

.block_content{
	float: left;
	width: 175px;
	margin: 0px;
	margin-left: 13px;
}

.blockDate{
	float: left;
	color: #7f7f72;
	padding-bottom: 5px;
	width: 175px;
}

.articleDate {
	display:block;
	color: #7f7f72;
}
.detailArticleDate {
	display:block;
	color: #7f7f72;
	margin-top: -16px;
	margin-bottom: 16px;
}

div#showcaseTop{
	float: left;
	width: 628px;
	height: 5px;
	background: transparent url('../images/showcase_top.gif') no-repeat;
	margin-left: -27px;
}

div.showcaseContainer{
	float: left;
	width: 573px;
	padding: 20px 27px 15px 20px;	/* top right bot left */
	margin-left: -23px;
	margin-top: -5px;
	font-size: 11px;
	background: #55554e url('../images/showcase_background.gif') repeat-x;
}

/* IE6 */
*html div#showcaseTop{
	margin-left: -14px;
}

*html div.showcaseContainer{
	margin-top: -9px;
	margin-left: -12px;
	padding-left: 21px;
	padding-right: 21px;
}

#showcaseBottom{
	float: left;
	width: 566px;
	height: 7px;
	padding: 20px 27px 0 27px;
	margin-left: -23px;
	background: #fff url('../images/showcase_bottom.gif') no-repeat;
}

.detail {
	float: left;
	overflow: hidden;
}

.detail h1{
	padding-top: 10px;
	padding-bottom: 10px;
}

#peopleList, #partnerList{
	float: left;
	width: 100%;
	padding: 0;
	margin-top: -5px;
}

#partnerList{
	padding-bottom: 20px;
}

#peopleList h2, #partnerList h2{
	padding: 0 0 10px 0;
	margin: 0;
}

#peopleList ul, #partnerList ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#peopleList ul li, #partnerList ul li {
	float: left;
	margin-right: 10px;
}

#peopleList ul li img {
	width: 53px;
	height: 53px;
	border: 1px solid #d4d4cc;
}

#partnerList ul li img {
	width: 63px;
	height: 63px;
	border: 1px solid #d4d4cc;
}

.factsBox, .factsBoxRight{
            font-size: 13px;
            color: #666;            
}

.factsBox {
			float: left;
			margin: 10px 0 0 0;
            /*width: 275px;
            margin-right: 10px;*/
}

.factsBoxRight {
			float: right;
            margin: 0 0 10px 20px;
            padding: 0 0 10px 20px;
            border-left: 1px solid #f4f4f3;
            width:250px;
            
}

/* IE7 */
*:first-child+html .factsBox, *:first-child+html .factsBoxRight{    
            margin-top: 10px;
}

.factsBox ul, .factsBoxRight ul {
            margin: 0;
            padding-left: 15px;
            line-height: 150%;
}

.factsBox a, .factsBoxRight a{
            color: #3399cc;
            text-decoration: none;
}

.factsBox a:hover .factsBoxRight a:hover {
            text-decoration: underline;
}

/* IE7 */
*:first-child+html .factsBox{
	margin-top: 10px;
}

.factsBox ul{
	margin: 0;
	padding-left: 15px;
	line-height: 150%;
}

.factsBox a{
	color: #3399cc;
	text-decoration: none;
}

.factsBox a:hover{
	text-decoration: underline;
}

/* H1 fixes for IE6 */
*html #introContainer h1{
	margin-top: 13px;
}

*html .sidebarItem h1{
	margin-top: 17px;
}

/* H1 fixes for IE7 */
*:first-child+html #introContainer h1{
	margin-top: 13px;
}

*:first-child+html div.sidebarItem h1{
	margin-top: 17px;
}

.map
{
	width: 570px;
	height: 500px;
}

.directions
{
	width: 570px;
	display: none;
}