@import url(https://fonts.googleapis.com/css?family=Nunito:300);




/********************** HTML / BODY *********************/
body{ background:#FFF ; }
html, body{
	color: 					#333;
	font-style: 			normal;
	font-size: 			15px;
	font-family: 			Avenir, Nunito, Arial, sans-serif;
	font-variant: 			normal;
	font-weight:			normal;
}
/********************************************************/
/********************************************************/
/********************************************************/





/********************** box *****************************/
.box{
	background:transparent ;
	padding:0px; margin:0px;
	border:0px solid #BBB;
    color: #333; 
}
.box1{
	background:#eee ;
	padding:7px 9px; margin:0px;
	border:1px solid #FFF;
    color: #333; 
}
.box2{
	background:#bfcde6 ;
	padding:15px; margin:0px;
	border:1px solid #FFF;
    color: #555; 
}
.boxnormal{
	background:#ccc8bc url('img/bg_transparent_white.png') repeat;
	padding:7px 9px; margin:0px;
	border:1px solid #FFF;
    color: #666; 
}
.boxtrue{
	background:#CCF4C4 url('img/bg_transparent_white.png') repeat;
	padding:7px 9px; margin:0px;
	border:1px solid #aad8a0;
    color: #666; 
}
.boxfalse{
	background:#FFCCCC url('img/bg_transparent_white.png') repeat;
	padding:7px 9px; margin:0px;
	border:1px solid #e7a9a8; 
    color: #666; 
}
.boxwarn{
	background:#FFDDAA url('img/bg_transparent_white.png') repeat;
	padding:7px 9px; margin:0px;
	border:1px solid #f1cb8c;
    color: #666; 
}



/************************ a  (txtlink) ******************/
a		{ color:#00379b; font-size:15px; text-decoration:none; font-weight:normal;
    -moz-transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
a:focus	{ outline:0;  }


a, p, li, dt, dd { line-height:20px; }

ul			{ margin-left:40px; }
.mylist		{ margin-left:0px; }

.newlist li{
    padding-bottom:10px; 
}
p{
    padding-bottom:15px; 
}



.box		a		{ color: #00379b;  }
.box1		a		{ color: #00379b;  }
.box2		a		{ color: #00379b;  }
.boxnormal	a		{ color: #777; }
.boxtrue	a		{ color: #777; }
.boxfalse	a		{ color: #777; }
.boxwarn	a		{ color: #777; }

.box		a:hover, .box		 a:active { color: #AAA;  }
.box1		a:hover, .box1		 a:active { color: #AAA;  }
.box2		a:hover, .box2		 a:active { color: #AAA;  }
.boxnormal	a:hover, .boxnormal	 a:active { color: #AAA; }
.boxtrue	a:hover, .boxtrue	 a:active { color: #AAA; }
.boxfalse	a:hover, .boxfalse	 a:active { color: #AAA; }
.boxwarn	a:hover, .boxwarn	 a:active { color: #AAA; }



.box a.liketext 		{ color: #333; text-decoration:none; }
.box a.liketext:hover 	{ color: #00379b; }
.box1 a.liketext 		{ color: #333; text-decoration:none; }
.box1 a.liketext:hover { color: #AAA; }
.box2 a.liketext 		{ color: #555; text-decoration:none; }
.box2 a.liketext:hover { color: #AAA; }

.box a.likelink 		{ color: #333; text-decoration:underline; }
.box a.likelink:hover 	{ color: #00379b; }
.box1 a.likelink 		{ color: #333; text-decoration:underline; }
.box1 a.likelink:hover { color: #AAA; }
.box2 a.likelink 		{ color: #555; text-decoration:underline; }
.box2 a.likelink:hover { color: #AAA; }

.liketext , .liketext *	{ font-weight:normal; }
.likelink , .liketext *	{ font-weight:normal; }





figcaption, .figcaption{
    padding-top:10px; padding-bottom:5px; padding-left:5px; font-size:12px;
    background:#FFF;
}

/********************* h1 - h6 (txthead) ****************/
h1, h2, h3,h1 span, h2 span, h3 span{
    font-family:Avenir, Nunito, Arial, sans-serif;
    font-size:24px; line-height:28px;
    font-weight: normal;  text-decoration:none; text-transform:none; letter-spacing:0px; word-spacing:0px;
    color: #00379b;
    margin-top:0;
    /*text-shadow: 0px 0px 3px #222;*/
}
h2, h2 span{ font-size:21px; line-height:28px; }
h3, h3 span{ font-size:18px; line-height:22px; }
h1, h2, h3 { margin-bottom:10px; }

.box		h1	, 		.box		h2	,		.box		h3	,		.box		h4	,		.box		h5	,		.box		h6,
.box		h1	a,		.box		h2	a,		.box		h3	a,		.box		h4	a,		.box		h5	a,		.box		h6	a,
.box		h1	span,	.box		h2	span,	.box		h3	span,	.box		h4	span,	.box		h5	span,	.box		h6	span	{ color: #00379b;  }
.box1		h1	,		.box1		h2  ,		.box1		h3  ,		.box1		h4	,		.box1		h5	, 		.box1		h6,
.box1		h1	a,		.box1		h2	a,		.box1		h3	a,		.box1		h4	a,		.box1		h5	a,		.box1		h6	a,
.box1		h1	span,	.box1		h2	span,	.box1		h3	span,	.box1		h4	span,	.box1		h5	span,	.box1		h6	span	{ color: #00379b;  text-shadow:none; }
.box2		h1	,		.box2		h2  ,		.box2		h3  ,		.box2		h4	,		.box2		h5	, 		.box2		h6,
.box2		h1	a,		.box2		h2	a,		.box2		h3	a,		.box2		h4	a,		.box2		h5	a,		.box2		h6	a,
.box2		h1	span,	.box2		h2	span,	.box2		h3	span,	.box2		h4	span,	.box2		h5	span,	.box2		h6	span	{ color: #00379b;   }
.boxnormal	h1	,		.boxnormal	h2  ,		.boxnormal	h3  ,		.boxnormal	h4	,		.boxnormal	h5	, 		.boxnormal	h6	,
.boxnormal	h1	a,		.boxnormal	h2	a,		.boxnormal	h3	a,		.boxnormal	h4	a,		.boxnormal	h5	a,		.boxnormal	h6	a,
.boxnormal	h1	span,	.boxnormal	h2	span,	.boxnormal	h3	span,	.boxnormal	h4	span,	.boxnormal	h5	span,	.boxnormal	h6	span	{ color: #666; text-shadow:none; }
.boxtrue	h1	,		.boxtrue	h2	,		.boxtrue	h3  ,		.boxtrue	h4	,		.boxtrue	h5	, 		.boxtrue	h6,
.boxtrue	h1	a,		.boxtrue	h2	a,		.boxtrue	h3	a,		.boxtrue	h4	a,		.boxtrue	h5	a,		.boxtrue	h6	a,
.boxtrue	h1	span,	.boxtrue	h2	span,	.boxtrue	h3	span,	.boxtrue	h4	span,	.boxtrue	h5	span,	.boxtrue	h6	span	{ color: #666; text-shadow:none; }
.boxfalse	h1	,		.boxfalse	h2	,		.boxfalse	h3  ,		.boxfalse	h4	,		.boxfalse	h5	, 		.boxfalse	h6,
.boxfalse	h1	a,		.boxfalse	h2	a,		.boxfalse	h3	a,		.boxfalse	h4	a,		.boxfalse	h5	a,		.boxfalse	h6	a,
.boxfalse	h1	span,	.boxfalse	h2	span,	.boxfalse	h3	span,	.boxfalse	h4	span,	.boxfalse	h5	span,	.boxfalse	h6	span	{ color: #666; text-shadow:none; }
.boxwarn	h1	,		.boxwarn	h2	,		.boxwarn	h3  ,		.boxwarn	h4	,		.boxwarn	h5	, 		.boxwarn	h6,
.boxwarn	h1	a,		.boxwarn	h2	a,		.boxwarn	h3	a,		.boxwarn	h4	a,		.boxwarn	h5	a,		.boxwarn	h6	a,
.boxwarn	h1	span,	.boxwarn	h2	span,	.boxwarn	h3	span,	.boxwarn	h4	span,	.boxwarn	h5	span,	.boxwarn	h6	span	{ color: #666; text-shadow:none; }

h1 a:hover, h2 a:hover, h3 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus,
h1 a:active, h2 a:active, h3 a:active
{
    text-shadow:none;

}

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



/************************ hr ****************************/
			hr { background:#AAA; color:#AAA; }
.box		hr { background:#AAA; color:#AAA; }	
.box1 		hr { background:#ddd; color:#ddd; }		
.box2 		hr { background:#515151; color:#515151; }	
.boxnormal	hr { background:#AAA; color:#AAA; }	
.boxtrue	hr { background:#3c3c3c; color:#3c3c3c; }	
.boxfalse	hr { background:#3c3c3c; color:#3c3c3c; }	
.boxwarn	hr { background:#3c3c3c; color:#3c3c3c; }	


.box		.mylist.mylisthr li	{ border-color:#AAA; }	
.box1		.mylist.mylisthr li	{ border-color:#ddd; }	
.box2		.mylist.mylisthr li	{ border-color:#515151; }
.boxnormal	.mylist.mylisthr li	{ border-color:#AAA; }
.boxtrue	.mylist.mylisthr li	{ border-color:#3c3c3c; }
.boxfalse	.mylist.mylisthr li	{ border-color:#3c3c3c; }
.boxwarn	.mylist.mylisthr li	{ border-color:#3c3c3c; }


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


/********************** txtlink *************************/
			.txtlink	{ color: #00379b; }
.box		.txtlink	{ color: #00379b; }
.box1		.txtlink	{ color: #00379b; }
.box2		.txtlink	{ color: #00379b; }
.boxnormal	.txtlink	{ color: #777; }
.boxtrue	.txtlink	{ color: #777; }
.boxfalse	.txtlink	{ color: #777; }
.boxwarn	.txtlink	{ color: #777; }
/********************** txthead *************************/
			.txthead	{ color: #00379b; }
.box		.txthead	{ color: #00379b; }
.box1		.txthead	{ color: #00379b; }
.box2		.txthead	{ color: #00379b; }
.boxnormal	.txthead	{ color: #666; }
.boxtrue	.txthead	{ color: #666; }
.boxfalse	.txthead	{ color: #666; }
.boxwarn	.txthead	{ color: #666; }
/********************** txtcomment **********************/
			.txtcomment, 			 .txtcomment time	{ color: #999; }
.box		.txtcomment, .box		 .txtcomment time	{ color: #999; }
.box1		.txtcomment, .box1		 .txtcomment time	{ color: #727272; }
.box2		.txtcomment, .box2		 .txtcomment time	{ color: #727272; }
.boxnormal	.txtcomment, .boxnormal .txtcomment time	{ color: #727272; }
.boxtrue	.txtcomment, .boxtrue	 .txtcomment time	{ color: #727272; }
.boxfalse	.txtcomment, .boxfalse	 .txtcomment time	{ color: #727272; }
.boxwarn	.txtcomment, .boxwarn	 .txtcomment time	{ color: #727272; }










/********************************/
.boxnav{
    border-bottom:1px dashed #AAA;
    margin-top:0px;
    margin-bottom:7px;
    padding-top:0px;
    padding-bottom:2px;
}
.boxfooter{
    border-top:1px dashed #AAA;
    margin-top:7px;
    margin-bottom:0px;
    padding-top:2px;
    padding-bottom:0px;
}
			.boxnav, 				.boxfooter	{ border-color:#AAA; }
.box		.boxnav, .box			.boxfooter	{ border-color:#AAA; }
.box1		.boxnav, .box1			.boxfooter	{ border-color:#ddd; }
.box2		.boxnav, .box2			.boxfooter	{ border-color:#515151; }
.boxnormal	.boxnav, .boxnormal		.boxfooter	{ border-color:#AAA; }
.boxtrue	.boxnav, .boxtrue		.boxfooter	{ border-color:#3c3c3c; }
.boxfalse	.boxnav, .boxfalse		.boxfooter	{ border-color:#3c3c3c; }
.boxwarn	.boxnav, .boxwarn		.boxfooter	{ border-color:#3c3c3c; }


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








/***************** backToTop *****************************/
#backToTop { 
    position: fixed; bottom: 15px; right:15px; z-index:1000; display:none;
    width:40px; height:40px; line-height:40px;
    text-align:center;
    font-size:34px;
    color:#FFF;
    vertical-align:middle;
    cursor:pointer;    
    text-shadow: -1px 1px 1px #555;
}






.contactmargin{
    margin-top: auto;
}
.responsive.bodyMode1 .contactmargin, 
.responsive.bodyMode2 .contactmargin, 
.responsive.bodyMode3 .contactmargin{
    margin-top: 50px !important;
} 

/********************************************************/
/********************************************************/
/********************** logos and extras ****************/
#logo{
    position:absolute; 
    top:65px; left:60px; 
    width:195px; height:179px; 
    margin:0px; padding:0px;
}
.responsive.bodyMode1 #logo, .responsive.bodyMode2 #logo{ 
    display:none;
    top:100px; left:0px; 
    width:100%;
    text-align:center;
}
.responsive.bodyMode1#index_main #logo, 
.responsive.bodyMode1#index_uebermich #logo, 
.responsive.bodyMode1#index_erfahrungshintergrund #logo, 
.responsive.bodyMode2#index_main #logo, 
.responsive.bodyMode2#index_uebermich #logo, 
.responsive.bodyMode2#index_erfahrungshintergrund #logo{ 
    display:block;
}
/*
#logo_mobile{
    position:absolute; display:none; 
    top:6px; right:25px; 
    width:47px; height:47px; 
    margin:0px; padding:0px;
    z-index:1111;
}
.responsive.bodyMode1 #logo_mobile, .responsive.bodyMode2 #logo_mobile{ 
    display:block;
    top:6px; right:25px; 
    width:47px; height:47px; 
}
*/
/********************************************************/
/********************************************************/
/********************************************************/
/********************** BODY ****************************/
/********************************************************/
/********************************************************/
/********************************************************/
#page{ 
    position:relative; display:none;
    background:#FFF ;
    min-width:1260px; width:auto;
    min-height:100%; height:auto !important; height:100%;
    margin:0 auto; padding:0px;
    
    -moz-box-shadow:		0px 0px 8px 0px #000;
    -webkit-box-shadow:	0px 0px 8px 0px #000;
    -o-box-shadow:			0px 0px 8px 0px #000;
    -ms-box-shadow:			0px 0px 8px 0px #000;
    box-shadow:				0px 0px 8px 0px #000;
}
.responsive #page{
    min-width:200px;
}
/********************************************************/
/********************** intro ***************************/
/********************************************************/
#page_intro{
	position:fixed; top:0px; left:0px; z-index:10000;  display:block; overflow:hidden;
	width:100%; height:100%;
    cursor: pointer;
    background: #FFF;
    margin:0px auto; padding:0px;

    border:1px solid #FFF !important;
}
#intro{ 
    margin:0px 20px; padding:0px;

    border:1px solid #FFF !important;
}
#intro_content{
    position:relative; 
    width:auto; max-width:1220px; height:670px;
    margin:0px auto; padding:0px;
}

#intro_logo{
	display:none;
    position:absolute; top:63px; left:60px; 
    width:195px; height:179px; 
    margin:0px; padding:0px;
}
#ueberspringen{
	display:none;
    position:absolute; bottom:50px; right:50px; width:193px; height:82px; background:#FFF url('img/ueberspringen.jpg') center center no-repeat;
}


.intro_sections, .intro_sections .text{
	display:none;
}


.intro_section_business{
    z-index:4; position:absolute; top:230px; left:0px; width:972px; height:319px;
}
.intro_section_value{
    z-index:4; position:absolute; top:160px; left:300px; width:575px; height:445px;
}
.intro_section_strategy{
    z-index:4; position:absolute; top:260px; right:330px; width:555px; height:261px;
}
.intro_section_interim{
    z-index:4; position:absolute; top:240px; left:380px; right:auto; width:408px; height:380px;
}
        .responsive.bodyMode3 .intro_section_interim{
           left:auto; right:200px;
        }







.intro_sections.business .skizze{
    z-index:4; position:absolute; top:0px; right:0px; width:672px; height:319px; background:transparent url('img/skizze_business.png') center center no-repeat;
}
.intro_sections.value .skizze{
    z-index:4; position:absolute; top:30px; left:0px; width:575px; height:415px; background:transparent url('img/skizze_value.png') center center no-repeat;
}
.intro_sections.strategy .skizze{
    z-index:4; position:absolute; top:0px; right:0px; width:555px; height:261px; background:transparent url('img/skizze_strategy.png') center center no-repeat;
}
.intro_sections.interim .skizze{
    z-index:4; position:absolute; top:0px; left:0px; width:408px; height:336px; background:transparent url('img/skizze_interim.png') center center no-repeat;
}




.intro_sections.business .text{
    z-index:3; position:absolute; top:98px; right:685px; min-width:330px; height:auto; font-size:25px; text-align:right;
}
.intro_sections.value .text{
    z-index:3; position:absolute; top:0px; left:80px; min-width:330px; height:auto; font-size:25px;
}
.intro_sections.strategy .text{
    z-index:3; position:absolute; top:40px; left:570px; min-width:330px; height:auto; font-size:25px;
}
.intro_sections.interim .text{
    z-index:3; position:absolute; bottom:0px; right:100px; min-width:400px; height:auto; font-size:25px; text-align:right;
}
    









/********************************************************/
/********************** header **************************/
/********************************************************/
#page_header{ 
    position:absolute; top:0px; left:0px; 
    z-index:15 !important;
    width: 100%; min-height:40px; height:auto;
    margin:0px; padding:0px;
    background: #99afd7;
}
.responsive.bodyMode1 #page_header, .responsive.bodyMode2 #page_header{ 
   min-height:60px; height:auto;
}

#header{
    width:auto;
    min-height:100%; height:auto !important; height:100%;
    margin:0px auto; padding:0px 20px;
}
.responsive.bodyMode1 #header, .responsive.bodyMode2 #header{ 
    position:relative; top:0px; left:0px; bottom:0px; 
    width: 100%;
    padding:0px;
}

#header_content{
    position:relative; top:0px; left:0px; bottom:0px; 
    width:1220px;
    min-height:100%; height:auto !important; height:100%;
    margin: 0px auto; padding:0px;
}
.responsive #header_content{
    width:auto; max-width:1220px;
}
.responsive.bodyMode1 #header, .responsive.bodyMode2 #header{ 
    width: 100%;
}
/********************************************************/
/********************** main ****************************/
/********************************************************/
#page_main{ 
    position:relative; z-index:2 !important; top:0px; 
    background: #FFF;
    width: 100%; height:auto;
    margin:0px; padding:0px;		
    overflow:hidden !important;								    
    border-top:1px solid #FFF;
}
#main{
    position:relative; 
    width:auto; height:auto;  /* overflow:hidden; BugFix: unstable height without border */
    margin: 100px auto 0px auto; padding:0px 20px;
    border-top:1px solid #FFF;
}



.responsive.bodyMode1#index_main #main,
.responsive.bodyMode1#index_uebermich #main, 
.responsive.bodyMode1#index_erfahrungshintergrund #main,
.responsive.bodyMode1#beratungsangebot_business-development #main,
.responsive.bodyMode1#beratungsangebot_value-selling #main,
.responsive.bodyMode1#beratungsangebot_strategy-deployment #main,
.responsive.bodyMode1#beratungsangebot_interim-management #main,
.responsive.bodyMode2#index_main #main,
.responsive.bodyMode2#index_uebermich #main, 
.responsive.bodyMode2#index_erfahrungshintergrund #main,
.responsive.bodyMode2#beratungsangebot_business-development #main,
.responsive.bodyMode2#beratungsangebot_value-selling #main,
.responsive.bodyMode2#beratungsangebot_strategy-deployment #main,
.responsive.bodyMode2#beratungsangebot_interim-management #main{
    margin: 340px auto 30px auto;
}



#main_content{
    position:relative;
    width:1220px; height:auto; 
    margin: 0px auto; padding:0px;
}
.responsive #main_content{
    width:auto; max-width:1220px;
}




/********************************************************/
.toggledivs{
    position:relative;
    display:none;
    padding-bottom:0px; 
    min-height:670px;
}
.toggledivs.active{
    display:block !important;
}
.responsive.bodyMode1 .toggledivs, .responsive.bodyMode2 .toggledivs{
    min-height:initial !important;
    padding-bottom:28px; 
}


.org_content{
    position:relative;
    padding-bottom:130px; 
    min-height:600px;
}

.responsive.bodyMode1#index_uebermich .org_content{
    min-height:initial !important;
    padding-bottom:650px; 
}
.responsive.bodyMode2#index_uebermich .org_content{
    min-height:initial !important;
    padding-bottom:900px; 
}
.responsive.bodyMode3#index_uebermich .org_content{
    min-height:initial !important;
    padding-bottom:680px; 
}

.responsive.bodyMode1#index_erfahrungshintergrund .org_content{
    min-height:initial !important;
    padding-bottom:690px; 
}
.responsive.bodyMode2#index_erfahrungshintergrund .org_content{
    min-height:initial !important;
    padding-bottom:860px; 
}
.responsive.bodyMode3#index_erfahrungshintergrund .org_content{
    min-height:initial !important;
    padding-bottom:600px; 
}

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

.toggledivs.org{
    background: transparent;
}
/*****************************/
/*
#index_main .toggledivs.org{
    background: transparent url('img/bg_logo_5.png') top left no-repeat;
}
.responsive.bodyMode2#index_main .toggledivs.org{
    background: transparent url('img/bg_logo_5.png') bottom center no-repeat;
}
.responsive.bodyMode1#index_main .toggledivs.org{
    background: transparent url('img/bg_logo_1.png') bottom center no-repeat;
}
*/
/*****************************/
/*
#index_uebermich .toggledivs.org{
    background: transparent url('img/bg_logo_5.png') top left no-repeat;
}
*/
#index_uebermich .org_content{
    background: transparent url('img/bg_uebermich_5.png') bottom right no-repeat;
}

.responsive.bodyMode3#index_uebermich .toggledivs.org,
.responsive.bodyMode2#index_uebermich .toggledivs.org,
.responsive.bodyMode1#index_uebermich .toggledivs.org{
    background: transparent;
}

.responsive.bodyMode1#index_uebermich .org_content{
    background: transparent url('img/bg_uebermich_1.png') bottom center no-repeat;
}
.responsive.bodyMode2#index_uebermich .org_content{
    background: transparent url('img/bg_uebermich_2.png') bottom right no-repeat;
}
/*****************************/
/*
#index_erfahrungshintergrund .toggledivs.org{
    background: transparent url('img/bg_logo_5.png') top left no-repeat;
}
*/
#index_erfahrungshintergrund .org_content{
    background: transparent url('img/bg_erfahrungshintergrund_5.png') bottom right no-repeat;
}

.responsive.bodyMode3#index_erfahrungshintergrund .toggledivs.org,
.responsive.bodyMode2#index_erfahrungshintergrund .toggledivs.org,
.responsive.bodyMode1#index_erfahrungshintergrund .toggledivs.org{
    background: transparent;
}

.responsive.bodyMode1#index_erfahrungshintergrund .org_content{
    background: transparent url('img/bg_erfahrungshintergrund_1.png') bottom center no-repeat;
}

/*****************************/
#beratungsangebot_business-development .toggledivs.org,
#beratungsangebot_value-selling .toggledivs.org,
#beratungsangebot_strategy-deployment .toggledivs.org,
#beratungsangebot_interim-management .toggledivs.org{
    background: transparent url('img/beratungsangebot.jpg') top  left no-repeat;
}
.responsive.bodyMode1#beratungsangebot_business-development .toggledivs.org, .responsive.bodyMode2#beratungsangebot_business-development .toggledivs.org,
.responsive.bodyMode1#beratungsangebot_value-selling .toggledivs.org, .responsive.bodyMode2#beratungsangebot_value-selling .toggledivs.org,
.responsive.bodyMode1#beratungsangebot_strategy-deployment .toggledivs.org, .responsive.bodyMode2#beratungsangebot_strategy-deployment .toggledivs.org,
.responsive.bodyMode1#beratungsangebot_interim-management .toggledivs.org, .responsive.bodyMode2#beratungsangebot_interim-management .toggledivs.org{
    background: transparent;
}
/*****************************/


/********************************************************/
/********************************************************/
.toggledivs.business,
.toggledivs.value,
.toggledivs.strategy,
.toggledivs.interim{
	background: #FFF;
}
.toggledivs .quote{
    position:absolute;
}
.toggledivs .skizze{
    position:absolute; z-index:4; 
}
.toggledivs .note{
    position:absolute;
}
.toggledivs .weiter{
    position:absolute; z-index:5; 
    text-align:right;
}
.toggledivs .note .text p{
    text-indent:25px;
}
.toggledivs.business .note .text{
    margin-right:30px;
}
.toggledivs.value .note .text{
    margin-left:40px;
}
.toggledivs.strategy .note .text{
    margin-left:10px;
}
.toggledivs.interim .note .text{
    margin-left:10px;
}
/*****************************/
.toggledivs.business .quote{
    top:130px; left:auto; right:25px; width:310px; height:222px; background: #FFF url('img/quote_business_de.png') center center no-repeat;
}
        .responsive.bodyMode3 .toggledivs.business .quote{
            top:460px; left:360px; right:auto; 
        }
.toggledivs.value .quote{
    top:200px; left:auto; right:0px; width:310px; height:222px; background: #FFF url('img/quote_value_de.png') center center no-repeat;
}
        .responsive.bodyMode3 .toggledivs.value .quote{
            top:360px; left:auto; right:-20px;
        }
.toggledivs.strategy .quote{
    top:100px; left:auto; right:40px; width:310px; height:222px; background: #FFF url('img/quote_strategy_de.png') center center no-repeat;
}
.toggledivs.interim .quote{
    top:130px; left:auto; right:20px; width:310px; height:222px; background: #FFF url('img/quote_interim_de.png') center center no-repeat;
}
        .responsive.bodyMode3 .toggledivs.interim .quote{
            top:250px; left:0px; right:auto; 
        }




.toggledivs.business .skizze{
    top:240px; left:280px; right:auto; width:672px; height:319px; background:transparent url('img/skizze_business.png') center center no-repeat;
}
.toggledivs.value .skizze{
    top:180px; left:auto; right:320px; width:575px; height:415px; background:transparent url('img/skizze_value.png') center center no-repeat;
}
        .responsive.bodyMode4 .toggledivs.value .skizze{
            top:180px; left:auto; right:320px;
        }
        .responsive.bodyMode3 .toggledivs.value .skizze{
            top:200px; left:auto; right:150px;
        }
.toggledivs.strategy .skizze{
    top:300px; left:auto; right:330px; width:555px; height:261px; background:transparent url('img/skizze_strategy.png') center center no-repeat;
}
        .responsive.bodyMode4 .toggledivs.strategy .skizze{
            top:300px; left:auto; right:330px;
        }
.toggledivs.interim .skizze{
    top:130px; left:auto; right:330px; width:408px; height:336px; background:transparent url('img/skizze_interim.png') center center no-repeat;
}
        .responsive.bodyMode3 .toggledivs.interim .skizze{
            top:130px; left:auto; right:130px;
        }




.toggledivs.business .note{
    top:320px; left:30px; right:auto; width:300px; height:auto;
}
.toggledivs.value .note{
    top:125px; left:auto; right:330px; width:480px; height:auto;
}
        .responsive.bodyMode4 .toggledivs.value .note{
            top:125px; left:auto; right:330px; width:480px; height:auto;
        }
        .responsive.bodyMode3 .toggledivs.value .note{
            top:145px; left:auto; right:160px; width:480px; height:auto;
        }
.toggledivs.strategy .note{
    top:325px; left:auto; right:20px; width:320px; height:auto;
}
        .responsive.bodyMode4 .toggledivs.strategy .note{
            top:325px; left:auto; right:20px; width:320px; height:auto;
        }
.toggledivs.interim .note{
    top:430px; left:auto; right:360px; width:380px; height:auto;
}
        .responsive.bodyMode3 .toggledivs.interim .note{
            top:430px; left:auto; right:160px; width:380px; height:auto;
        }



.toggledivs .weiter{
    bottom:-25px; left:auto; right:0px; width:100px; height:auto; color:#888;
}



















/********************************************************/
.main_content_center, .main_content_medium, .main_content_large{
    position:relative; 
    width:auto; height:auto; 
    margin: 0 auto 0px 310px; padding:0px;
}
.main_content_center{
    max-width:564px; 
}
.main_content_medium{
    max-width:730px;
}
.main_content_large{
    max-width:910px;
}
.responsive.bodyMode1 .main_content_center,
.responsive.bodyMode1 .main_content_medium,
.responsive.bodyMode1 .main_content_large,
.responsive.bodyMode2 .main_content_center,
.responsive.bodyMode2 .main_content_medium,
.responsive.bodyMode2 .main_content_large{ 
    min-width:100%; width:100%; max-width:initial; 
    margin:0px; padding:0px;
}




/**************** rightquote ****************************/
.rightquote{
	display:none;
}
.responsive.bodyMode5 .rightquote.business{ 
	display: block; position:absolute; right:-320px; top:130px; 
    width:310px; height:222px;  background:transparent url('img/quote_business_de.png') center center no-repeat;
}
.responsive.bodyMode5 .rightquote.value{ 
	display: block; position:absolute; right:-320px; top:130px; 
    width:310px; height:222px;  background:transparent url('img/quote_value_de.png') center center no-repeat;
}
.responsive.bodyMode5 .rightquote.strategy{ 
	display: block; position:absolute; right:-330px; top:130px; 
    width:310px; height:222px;  background:transparent url('img/quote_strategy_de.png') center center no-repeat;
}
.responsive.bodyMode5 .rightquote.interim{ 
	display: block; position:absolute; right:-320px; top:130px; 
    width:310px; height:222px;  background:transparent url('img/quote_interim_de.png') center center no-repeat;
}
/*********************/
.responsive.bodyMode3 .rightquote.business, .responsive.bodyMode4 .rightquote.business{ 
	display: block; position:absolute; left:-300px; top:450px;
    width:310px; height:222px;  background:transparent url('img/quote_business_de.png') center center no-repeat;
}
.responsive.bodyMode3 .rightquote.value, .responsive.bodyMode4 .rightquote.value{ 
	display: block; position:absolute; left:-300px; top:450px;
    width:310px; height:222px;  background:transparent url('img/quote_value_de.png') center center no-repeat;
}
.responsive.bodyMode3 .rightquote.strategy, .responsive.bodyMode4 .rightquote.strategy{ 
	display: block; position:absolute; left:-300px; top:470px;
    width:310px; height:222px;  background:transparent url('img/quote_strategy_de.png') center center no-repeat;
}
.responsive.bodyMode3 .rightquote.interim, .responsive.bodyMode4 .rightquote.interim{ 
	display: block; position:absolute; left:-300px; top:460px;
    width:310px; height:222px;  background:transparent url('img/quote_interim_de.png') center center no-repeat;
}
/*********************/
.responsive.bodyMode1 .rightquote.business, .responsive.bodyMode2 .rightquote.business{ 
	display: block; position:relative; left:0px; top:-250px; margin-bottom:-222px;
    width:100%; height:222px;  background:transparent url('img/quote_business_de.png') center center no-repeat;
}
.responsive.bodyMode1 .rightquote.value, .responsive.bodyMode2 .rightquote.value{ 
	display: block; position:relative; left:0px; top:-250px; margin-bottom:-222px;
    width:100%; height:222px;  background:transparent url('img/quote_value_de.png') center center no-repeat;
}
.responsive.bodyMode1 .rightquote.strategy, .responsive.bodyMode2 .rightquote.strategy{ 
	display: block; position:relative; left:0px; top:-250px; margin-bottom:-222px; 
    width:100%; height:222px;  background:transparent url('img/quote_strategy_de.png') center center no-repeat;
}
.responsive.bodyMode1 .rightquote.interim, .responsive.bodyMode2 .rightquote.interim{ 
	display: block; position:relative; left:0px; top:-250px; margin-bottom:-222px;
    width:100%; height:222px;  background:transparent url('img/quote_interim_de.png') center center no-repeat;
}

/****************** rightquote (uebermich) ****************************/
.responsive.bodyMode5 .rightquote.uebermich, .responsive.bodyMode4 .rightquote.uebermich{ 
	display: block; position:absolute; left:-310px; top:440px; bottom:auto;
    width:310px; height:222px;  background:transparent url('img/quote_uebermich.png') center center no-repeat;
}
.responsive.bodyMode3 .rightquote.uebermich{ 
	display: block; position:absolute; left:-310px; top:440px; bottom:auto; 
    width:310px; height:222px;  background:transparent url('img/quote_uebermich.png') center center no-repeat;
}
.responsive.bodyMode2 .rightquote.uebermich{ 
	display: block; position:absolute; left:0px; top:auto; bottom:-250px;
    width:100%; height:222px;  background:transparent url('img/quote_uebermich.png') center center no-repeat;
}
.responsive.bodyMode1 .rightquote.uebermich{ 
	display: block; position:absolute; left:0px; top:auto; bottom:-250px;
    width:100%; height:222px;  background:transparent url('img/quote_uebermich.png') center center no-repeat;
}

/****************** rightquote (erfahrungshintergrund) ******************/
.responsive.bodyMode5 .rightquote.erfahrungshintergrund, .responsive.bodyMode4 .rightquote.erfahrungshintergrund{ 
	display: block; position:absolute; left:-310px; top:470px; bottom:auto; 
    width:310px; height:222px;  background:transparent url('img/quote_erfahrungshintergrund_de.png') center center no-repeat;
}
.responsive.bodyMode3 .rightquote.erfahrungshintergrund{ 
	display: block; position:absolute; left:-310px; top:auto; bottom:-470px;
    width:310px; height:222px;  background:transparent url('img/quote_erfahrungshintergrund_de.png') center center no-repeat;
}
.responsive.bodyMode2 .rightquote.erfahrungshintergrund{ 
	display: block; position:absolute; left:0px; top:auto; bottom:-270px;
    width:100%; height:222px;  background:transparent url('img/quote_erfahrungshintergrund_de.png') center center no-repeat;
}
.responsive.bodyMode1 .rightquote.erfahrungshintergrund{ 
	display: block; position:absolute; left:0px; top:auto; bottom:-270px;
    width:100%; height:222px;  background:transparent url('img/quote_erfahrungshintergrund_de.png') center center no-repeat;
}




/********************************************************/
/********************** footer **************************/
/********************************************************/
#page_footer{ 
    position:absolute; bottom:0; left:0px; z-index:14 !important;
    width: 100%; height:50px;
    margin:0px; padding:0px;
    overflow:hidden;
    background: transparent;
}
.responsive.bodyMode1 #page_footer, .responsive.bodyMode2 #page_footer{
    height:60px; max-height:60px;
    background:#c0c0c0;
}
#footer{
    width:auto; height:auto;
    margin:0px auto; padding:0px 20px;
}
.responsive.bodyMode1 #footer, .responsive.bodyMode2 #footer{
    height:60px; max-height:60px;
}
#footer_content{
    position:relative; 
    width:1220px; height:auto;
    margin: 10px auto; padding:0px;
}
.responsive #footer_content{
    width:100%; max-width:1220px;
}
.responsive.bodyMode1 #footer_content{
    margin: 12px auto; padding:0px;
 }
.responsive.bodyMode2 #footer_content{
    margin: 15px auto; padding:0px;
 }
/********************************************************/
.footer_text ,.footer_text *{
    font-size:12px;
    color: #AAA;
    line-height:13px;
}
p.footer_text, .footer_text li{
    float:left;
    padding: 0px 15px;
    border-left: 1px solid #AAA;
}
.responsive.bodyMode1 ul.footer_text ,.responsive.bodyMode2 ul.footer_text{
    width:100%;
    display:block !important;
    float:none; clear:both;
    text-align:center;
}
.responsive.bodyMode1 .footer_text li, .responsive.bodyMode2 .footer_text li{
    float:none; display:inline-block;
}
.responsive.bodyMode1 p.footer_text, .responsive.bodyMode2 p.footer_text {
    float:none; clear:both;
    text-align:center;
    border-left: 0px solid #AAA;
    padding: 0px;
}
.footer_text li:first-child{
    padding: 0px 15px 0px 0px;
    border-left: 0px solid #AAA;
}
.footer_text a:hover, .footer_text li.active a{
    color: #00379b;
}
.responsive.bodyMode1 .footer_text ,.responsive.bodyMode1 .footer_text *, 
.responsive.bodyMode2 .footer_text ,.responsive.bodyMode2 .footer_text *{
    color: #000;
}

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



                                                          #page { 
                                                                border:0px solid yellow;
                                                            }

                                                            #page_header, #page_main, #page_footer, #page_sidebar { 
                                                                border:1px solid red !important;
                                                            }
                                                            #header, #main, #footer, #sidebar { 
                                                                border:1px solid blue !important;
                                                            }
                                                            #header_content, #main_content, #footer_content, #sidebar_content { 
                                                                border:1px solid green !important;
                                                            }
  */

/********************************************************/
/********************************************************/
/********************** navTop **************************/
#mobileMenuChanger{
    position:relative; top:0px; left:0px; 
    display:none;
    width: 60px; height:60px; line-height:60px; 
    font-size:38px; 
    text-align:center; 
    background:#c0c0c0 !important; 
    color:#FFF;
}
#mobileMenuChanger.active{
    background:#FFF !important;
    color:#c0c0c0;
}
.responsive.bodyMode1 #mobileMenuChanger, .responsive.bodyMode2 #mobileMenuChanger{ 
    display:block;
}


/****************************/
/* #navtop ******************/
/****************************/
#navTop{
    display:none;
    z-index:15 !important; 
    position:relative; top:6px; left:0px;
    width:auto; height:auto;
    margin: 0px 0px 0px 0px; padding:0px;
}
#navTop.active{
    display:block;
}
.responsive.bodyMode3 #navTop{ 
    margin: 0px 0px 0px 30px;
}
.responsive.bodyMode4 #navTop, .responsive.bodyMode5 #navTop{ 
    margin: 0px 0px 0px 330px;
}
.responsive.bodyMode1  #navTop, .responsive.bodyMode2 #navTop{ 
    position:relative; top:0px; left:0px;
    background: #99afd7;
}


/****************************/
/* ul ***********************/
/****************************/
#navTop ul{ 
    display:block;
    list-style:none;
    width: auto; 
    height:auto;
    margin:0px; padding:0px;
}


/****************************/
/* ul li ********************/
/****************************/
#navTop ul li{ 
    position:relative;
    display:block;
    float:left; 
    width: auto; height: 28px;
    margin:0px; padding: 0px 24px;
    background: transparent;
    border-left:2px solid #FFF;
}
#navTop ul li:first-child{ 
    border-left:0px solid black;
    padding: 0px 24px 0px 0px;
}
.responsive.bodyMode1  #navTop ul li, .responsive.bodyMode2 #navTop ul li{ 
    float:none; 
    height: auto;
    padding: 0px;
    background: #bfcde6;
    border-left:0px solid black;
    border-bottom:3px solid #FFF;
}
.responsive.bodyMode1  #navTop ul li:first-child, .responsive.bodyMode2 #navTop ul li:first-child{ 
    border-top:3px solid #FFF;
}


/****************************/
/* ul li a ******************/
/****************************/
#navTop ul li a{
    display:block;
	width: auto; 
    height:28px; line-height:28px;
    margin:0px; padding: 0px;
	color: #000;
	font-family: Avenir, Nunito, Arial, sans-serif;
	font-size:16px; font-weight: normal;  text-decoration:none; letter-spacing:0px;
}

.responsive.bodyMode1 #navTop ul li a,
.responsive.bodyMode2 #navTop ul li a{ 
    height: 60px; line-height: 60px;
	color: #000;
    text-indent:20px;
	font-size:18px !important; letter-spacing:0px;
}

#navTop ul li.active a, 
#navTop ul li a:hover	{ 
    background: transparent; 
    color: #FFF; 
}

.responsive.bodyMode1 #navTop ul li.active a,
.responsive.bodyMode1 #navTop ul li a:hover,
.responsive.bodyMode2 #navTop ul li.active a,
.responsive.bodyMode2 #navTop ul li a:hover{ 
    background: #d9e1f0; 
    color:#000; 
}

.responsive.bodyMode1 #navTop ul li a#dropdownChanger, 
.responsive.bodyMode2 #navTop ul li a#dropdownChanger,
.responsive.bodyMode1 #navTop ul li.active a#dropdownChanger,
.responsive.bodyMode1 #navTop ul li a#dropdownChanger:hover,
.responsive.bodyMode2 #navTop ul li.active a#dropdownChanger,
.responsive.bodyMode2 #navTop ul li a#dropdownChanger:hover{ 
    background: transparent !important; 
    color: #FFF; 
    cursor: default;
}




/****************************/
/* #dropdown ****************/
/****************************/
#navTop #dropdown{ 
    display:none;
    overflow:hidden;
    position:absolute;
    top: 35px; left: 0px; 
    width: 183px; height:auto;
    margin:0px; padding:0px;
}
#dropdown.active{
    display:block !important;
}
.responsive.bodyMode1 #navTop #dropdown, .responsive.bodyMode2 #navTop #dropdown{ 
    position:relative;
    top: 0px; left: 0px; 
    width: auto; 
}



/****************************/
/* #dropdown li *************/
/****************************/
#navTop #dropdown li{ 
    float:none;
    clear:both; 
    display:block;
    width: auto; height:auto;
    margin: 6px 0px 0px 0px; padding: 0px 0px !important; 
    text-align:center;
    background: #bfcde6; 
    border-left:0px solid black;
}
.responsive.bodyMode1 #navTop #dropdown li, .responsive.bodyMode2 #navTop #dropdown li{ 
    margin: 0px;
    text-align:left;
    background: transparent;
}
.responsive.bodyMode1 #navTop #dropdown li:last-child, .responsive.bodyMode2 #navTop #dropdown li:last-child{ 
    border-bottom:0px solid black;
}


                        
/****************************/
/* #dropdown li a ***********/
/****************************/
#navTop ul li #dropdown li a{
    display:block;
	width: auto; height:35px; line-height:35px;
	color: #000;
    font-size:16px;
}
#navTop ul li #dropdown li a span{
    display:none;
}
.responsive.bodyMode1 #navTop #dropdown li a, .responsive.bodyMode2 #navTop #dropdown li a{ 
	height:60px;
	color: #000 !important;
    background: transparent !important;
    text-indent:60px; 
}


.responsive.bodyMode1 #navTop #dropdown li a span, .responsive.bodyMode2 #navTop #dropdown li a span{ 
    display:block; margin-top:-10px;
    font-size:15px;
    color:#555;
}
                        
#navTop #dropdown li.active a, 
#navTop #dropdown li a:hover{ 
    background: #99afd7 !important;
    color: #FFF !important; 
}
.responsive.bodyMode1 #navTop #dropdown li.active a, 
.responsive.bodyMode1 #navTop #dropdown li a:hover,
.responsive.bodyMode2 #navTop #dropdown li.active a, 
.responsive.bodyMode2 #navTop #dropdown li a:hover{ 
    background: #d9e1f0 !important;
    color: #000 !important; 
}
.responsive.bodyMode1 #navTop #dropdown li.dropdownlinks a.weiter,
.responsive.bodyMode2 #navTop #dropdown li.dropdownlinks a.weiter{ 
	background:transparent !important;
	padding:20px; 
}
.responsive.bodyMode1 #navTop #dropdown li.dropdownlinks a.weiter:hover,
.responsive.bodyMode2 #navTop #dropdown li.dropdownlinks a.weiter:hover{ 
    color:#FFF !important;
}

.dropdownlinks .note{
	display:none;
    font-size:16px;
    text-align:left;
    margin-left:60px;
    padding-top:20px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:0px;
}
.dropdownlinks .note .weiter{
	display:block;
    height:auto !important; line-height:1 !important;
    font-size:16px;
    text-align:right;
}








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






/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/***************** DELETE FOR DEFAULT *******************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

/********************** alerts **************************/
.alerts{
	background:#FFDDAA url('img/bg_transparent_white.png') repeat;
	border:1px solid #f1cb8c; 
}
.alert{
    color:#666;
}
/********************************************************/
/********************************************************/
/********************************************************/










/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/************** DON'T DELETE (just change) **************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/



/********************************************************/
/********************** FORMS ***************************/
form,fieldset	{ border:none; padding:0; margin:0; overflow:hidden;} 
label 			{ padding:0; margin:0; cursor:pointer; } 
.fm_text,.fm_pass,.fm_select,.fm_list,.fm_file,.fm_textarea,
.fm_checkbox,.fm_radio,.fm_image,.fm_button,.fm_reset,.fm_submit{ 
	padding:0px; margin:0px; text-indent:3px;
} 

.fm_checkbox,.fm_radio { width:13px; height:18px; line-height:18px; }
.fm_text,.fm_pass,.fm_select,.fm_list,.fm_file,.fm_textarea{ 
	width: auto; height: 30px; line-height:30px;
	color:#555; 
    border:1px solid #666;
	background:#FFF url('img/bg_transparent_white.png') repeat;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 } 
.fm_select,.fm_list		{ width:100%;  text-indent:0px;} 
.fm_list,.fm_textarea	{ height: auto; padding:.5%; width:100%; } 
.fm_file				{ height: 30px; line-height:30px; } 
.fm_text:focus,.fm_pass:focus,.fm_select:focus,.fm_list:focus,.fm_file:focus,.fm_textarea:focus { 
    background:#ECECEC; 
	background:#EEE url('img/bg_transparent_white.png') repeat;
}
.fm_button,.fm_reset,.fm_submit{ 
	min-width: 100px; max-width: 200px; width: auto !important; width: 100px;
    height: 32px; line-height:30px;
    border:1px solid #999;
	font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center; 
	color:#FFF; background:#999;
    cursor:pointer;
} 
.fm_button:hover,.fm_reset:hover,.fm_submit:hover{ 
	color:#999; background:#FFF ;
}



.fm_text.bg_false,.fm_pass.bg_false,.fm_select.bg_false,.fm_list.bg_false,.fm_file.bg_false,.fm_textarea.bg_false { 
    color:#333; 
}
.fm_text.bg_false:focus,.fm_pass.bg_false:focus,.fm_select.bg_false:focus,.fm_list.bg_false:focus,.fm_file.bg_false:focus,.fm_textarea.bg_false:focus { 
    color:#555;
}
/********************************************************/
/********************************************************/


/********************** sidebar *************************/
#mainsidebar h1{ 
    font-size:20px; line-height:20px; margin-bottom:10px; 
    color:#aaa;
}
#mainsidebar h2 { 
    font-size:16px; line-height:16px; margin-top:30px; margin-bottom:0px; 
    color:#aaa;
}
#mainsidebar a { 
    color:#555;
}
#mainsidebar a:hover { 
    color:#999;
}


#mainsidebar_menu { 
    height:30px;
    padding:5px; 
    margin-bottom:20px;
    font-size:26px; 
    text-align:center;
    cursor:pointer;
    
    -moz-box-shadow:		0px 0px 3px 0px #555;
    -webkit-box-shadow:	0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}
#mainsidebar_menu					{ display:none; }
#mainsidebar						{ display:block; }

.responsive.bodyMode1 #mainsidebar_menu		{ display:block; }
.responsive.bodyMode1 #mainsidebar			{ display:none; }
.responsive.bodyMode2 #mainsidebar_menu		{ display:block; }
.responsive.bodyMode2 #mainsidebar			{ display:none; }


/********************************************************/
/********************** floats & margins ****************/
/********************************************************/
.imgstretch		{ max-width:100%; }
.stretch		{ width:100%; max-width:100%; }
/********************************************************/
.floatl				{ float:left;	margin:0px 10px 0px 0px;	}
.floatr				{ float:right;	margin:0px 0px 0px 10px;	}
/********************************************************/
.floatsidebar								{ float:left; clear:left; width:24%; margin:0px 1% 0px 0px; padding:0px; }
.floatmain									{ float:right; clear:right; width:74%; margin:0px 0px 0px 1%; padding:0px; }
.responsive.bodyMode1 .floatsidebar		{ float:left; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode1 .floatmain			{ float:right; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatsidebar		{ float:left; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatmain			{ float:right; clear:both; width:100%; margin:0px 0px 0px 0px; }
/********************************************************/
.floatl2									{ float:left; clear:left; width:49%; margin:0px 1% 0px 0px; padding:0px; }
.floatr2									{ float:right; clear:right; width:49%; margin:0px 0px 0px 1%; padding:0px; }
.responsive.bodyMode1 .floatl2			{ float:left; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode1 .floatr2			{ float:right; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatl2			{ float:left; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatr2			{ float:right; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode3 .floatl2			{ float:left; clear:both; width:100%; margin:0px 0px 0px 0px; }
.responsive.bodyMode3 .floatr2			{ float:right; clear:both; width:100%; margin:0px 0px 0px 0px; }
/*******************/
.responsive.bodyMode1 .floatr2 .floatl2	{ float:left; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
.responsive.bodyMode1 .floatr2 .floatr2	{ float:right; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatr2 .floatl2	{ float:left; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
.responsive.bodyMode2 .floatr2 .floatr2	{ float:right; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
.responsive.bodyMode3 .floatr2 .floatl2	{ float:left; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
.responsive.bodyMode3 .floatr2 .floatr2	{ float:right; clear:both; width:100% !important; margin:0px 0px 0px 0px; }
/********************************************************/
/********************************************************/
.floatbox			{ zoom:1; list-style:none; padding:5px 0px;  }
.floatbox:after	{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
/*------------------------------------------------------*/
.floatbox .floatbox2												{ float:left; clear:right; width:49%; margin:0px 2% 20px 0px; padding:0px; }
.floatbox .floatbox2:nth-of-type(2n)							{ float:right; margin:0px 0px 20px 0px; }
.floatbox .floatbox2:nth-of-type(2n+1)							{ clear:left; }
.responsive.bodyMode1 .floatbox .floatbox2						{ float:left; clear:both; width:100%; margin:0px 0px 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox2						{ float:left; clear:right; width:48.5%; margin:0px 3% 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox2:nth-of-type(2n)	{ float:right; margin:0px 0px 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox2:nth-of-type(2n+1)	{ clear:left; }
/*------------------------------------------------------*/
.floatbox .floatbox3												{ float:left; clear:right; width:32%; margin:0px 2% 20px 0px; padding:0px; }
.floatbox .floatbox3:nth-of-type(3n)							{ float:right; margin:0px 0px 20px 0px; }
.floatbox .floatbox3:nth-of-type(3n+1)							{ clear:left; }
.responsive.bodyMode1 .floatbox .floatbox3						{ float:left; clear:both; width:100%; margin:0px 0px 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox3						{ float:left; clear:right; width:31.3333%; margin:0px 3% 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox3:nth-of-type(3n)	{ float:right; margin:0px 0px 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox3:nth-of-type(3n+1)	{ clear:left; }
/*------------------------------------------------------*/
.floatbox .floatbox4												{ float:left; clear:right; width:23.5%; margin:0px 2% 20px 0px; padding:0px; }
.floatbox .floatbox4:nth-of-type(4n)							{ float:right; margin:0px 0px 20px 0px; }
.floatbox .floatbox4:nth-of-type(4n+1)							{ clear:left; }
.responsive.bodyMode1 .floatbox .floatbox4						{ float:left; clear:right; width:48%; margin:0px 4% 20px 0px; }
.responsive.bodyMode1 .floatbox .floatbox4:nth-of-type(2n)	{ float:right; margin:0px 0px 20px 0px; }
.responsive.bodyMode1 .floatbox .floatbox4:nth-of-type(2n+1)	{ clear:left; }
.responsive.bodyMode2 .floatbox .floatbox4						{ float:left; clear:right; width:48.5%; margin:0px 3% 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox4:nth-of-type(2n)	{ float:right; margin:0px 0px 20px 0px; }
.responsive.bodyMode2 .floatbox .floatbox4:nth-of-type(2n+1)	{ clear:left; }
/********************************************************/
/********************************************************/
/********************************************************/





.responsive.bodyMode1#info_kontakt .floatl	{ clear:both !important; display:block !important; float:none !important; }


















/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
.floatinfos{
    float:left;
    margin-right:20px;
    text-align:left;
}
.floatinfos:last-child{ margin-right:0px; }
.floatlinks{
    float:right;
    margin-left:12px;
    text-align:right;
}
.floatlinks:last-child{ margin-left:0px; }

.responsive.bodyMode1 .floatinfos{
    float:left; clear:left; display:inline;
}
.responsive.bodyMode1 .floatlinks{
    float:right; clear:right; display:inline;
}
/********************************************************/
/********************************************************/
/********************************************************/




/******************* animations *************************/
.animations  {
    opacity: 0;
    padding-top:200px; 
    z-index:2;	
    
    -moz-transition:		all 0.5s ease-out;
    -webkit-transition:	all 0.5s ease-out;
    -o-transition:			all 0.5s ease-out;
    -ms-transition:			all 0.5s ease-out;
    transition:				all 0.5s ease-out;
    
    -moz-transform:		scale(0.8);
    -webkit-transform:	scale(0.8);
    -o-transform:		scale(0.8);
    -ms-transform:		scale(0.8);
    transform:			scale(0.8);
}


.animations.animated  {
    opacity: 1;
    padding-top:0px; 

    -moz-transform:		scale(1);
    -webkit-transform:	scale(1);
    -o-transform:		scale(1);
    -ms-transform:		scale(1);
    transform:			scale(1);
}




/********************** catslink ************************/
.catslink {
    position:relative; 
}
.catslink .cats{
    position:absolute; top:25px; right:0px;
    width:250px;
    border:10px solid #222;
    margin:0px; 
}



/****************** profile images **********************/
.memimg_s, .memimg_m, .memimg_l	{ 
	border:5px solid #FFF; background-color:#F3F3F3;

    -moz-box-shadow:		0px 0px 3px 0px #555;
    -webkit-box-shadow:	0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}
.memimg_s	{ display:block; width:50px; height:50px;}
.memimg_m	{ display:block; width:120px; height:120px;  }
.memimg_l	{ display:block; width:160px; height:160px; }



/********************** imgbrd **************************/
.imgbrd		{ 
    border:1px solid #BBB; background:#FFF;

    -moz-box-shadow:		0px 0px 3px 0px #555;
    -webkit-box-shadow:	0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}
.imgbrdspc_s, .imgbrdspc_m, .imgbrdspc_l, .imgbrdspc_xl	{ 
	border:1px solid #BBB; background:#FFF;

    -moz-box-shadow:		0px 0px 3px 0px #555;
    -webkit-box-shadow:	0px 0px 3px 0px #555;
    -o-box-shadow:			0px 0px 3px 0px #555;
    -ms-box-shadow:			0px 0px 3px 0px #555;
    box-shadow:				0px 0px 3px 0px #555;
}
.imgbrdspc_s	{ padding:2px; }
.imgbrdspc_m	{ padding:10px; }
.imgbrdspc_l	{ padding:15px; }
.imgbrdspc_xl	{ padding:20px; }




/********************************************************/
/********************** pagination **********************/
.pagination{}
.pagination ul { 
    /*width:430px; ****to center**/ 
    list-style:none;
    margin:0 auto;
}
.pagination ul li {
   float:left;
   height:20px; line-height:20px;
   margin-right:3px;
}
.pagination ul li a {
	padding:0px 4px;
	color:#00379b;
	font-size:16px; text-decoration:none;
}
.pagination ul li a:hover , .pagination ul li a.active{
	color:#AAA;
}
.pagination ul li a img {
	margin-top:2px;
    display:inline;
}
.pagination ul li a.next { margin-left:15px; }
.pagination ul li a.prev { margin-right:15px; }

/********************** style_changer *******************/ 
#style_changer		{ position:relative; z-index:100; cursor:pointer; float:left; margin-right:50px; }
#style_changer a	{ 
	display: inline-block;
	width:16px; height:16px; border:1px solid #BBB; margin-right:3px;
	text-indent:-9999px; overflow:hidden;
	background:#FFF url('img/style_switcher.png') repeat;
}
#style_changer a.default{ background-color:#FFF; }
#style_changer a.second{ background-color:#000; }
#style_changer a.blue{ background-color:#369; }

#style_changer a.active, #style_changer a:hover{ border:1px solid #aad8a0; }

/********************** lan_changer *********************/ 
#lan_changer	{ display:block; position:absolute; top:12px; right:0px; z-index:16; }
#lan_changer a	{ margin:0px 4px; color:#000; cursor:pointer;  }
#lan_changer a.active, #lan_changer a:hover{ color:#FFF; }
#lan_changer a.active{ cursor:default; }

.responsive.bodyMode1 #lan_changer,
.responsive.bodyMode2 #lan_changer{ 
    top:22px; right:14px; z-index:14;
}
.responsive.bodyMode1 #lan_changer a,
.responsive.bodyMode2 #lan_changer a{ 
    font-size:18px !important;
    margin:0px 8px;
}



/********************** status_changer ******************/ 
#status_changer					{ position:relative; float:left; }
#status_changer p					{ float:left; margin-right:7px; }
#status_changer #status			{ float:left; cursor:pointer; }
#status_changer #status_links	{ position:absolute; bottom:0; left:0px; border:2px solid #000;  }
#status_changer #status_links a	{ display:block; }

/********************** text-color **********************/
.txt_normal	{ color:#333; }
.txt_true		{ color:#559933; }
.txt_false		{ color:#CC4444; }
.txt_warn		{ color:#EE8800; }
/********************** backgrounds *********************/
.bg				{ background:transparent ; }
.bg_1			{ background:#eee ; }
.bg_2			{ background:#bfcde6 ; }
.bg_normal		{ background:#ccc8bc url('img/bg_transparent_white.png') repeat; }
.bg_true		{ background:#CCF4C4 url('img/bg_transparent_white.png') repeat; }
.bg_false		{ background:#FFCCCC url('img/bg_transparent_white.png') repeat; }
.bg_warn		{ background:#FFDDAA url('img/bg_transparent_white.png') repeat; }
/********************** borders *************************/
.brd			{ border:1px #BBB solid; }
.brd_1			{ border:1px #FFF solid; }
.brd_2			{ border:1px #FFF solid; }
.brd_normal	{ border:1px #FFF solid; }
.brd_true		{ border:1px #aad8a0 solid; }
.brd_false		{ border:1px #e7a9a8 solid; }
.brd_warn		{ border:1px #f1cb8c solid; }