/**
 * Leadership Architecture Theme
 * http://www.leadership-architecture.de/
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

a:focus { outline:none }

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 12px;
	/* Navi font */
	font-family: NeuzeitGro-Reg;
	/*letter-spacing:1px;*/
	height:100%;
	width:100%;
	overflow:hidden;
}

html {
	height:100%;
	width:100%;
	overflow:hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

a:hover, a:active, a:focus, div { outline-style:none !important; outline:0 !important; -moz-outline:0; }


/* Colors
------------------------------------------*/

.Intro { background-color: #005f7a }
.Profil { background-color: #4d848f }
.Zielgruppen_Kunden { background-color: #6c7ea2 }
.Leistungen { background-color: #4b99c1 }
.Team_Kontakt { background-color:#9ab7c6 }



/* CONTAINER
----------------------------------------- */
#logo_start_wrapper {
    position:relative;
    width:380px;
    top:40%;
    margin:-23px auto;
    z-index:100;

}

#logo_start {
	position:relative;
	display:block;
	background: transparent url(../images/LA_Logo_Start.png ) no-repeat !important ;
	width:380px;
	height:23px;
	margin-bottom: 70px;
}

#logo_start_wrapper .choose_lang {
    position:relative;
    top:18px;
    font-size:13px;
    color:white;
    text-align:center
}

#logo_start_wrapper .choose_lang a {
    color:white;
    text-decoration:none
}

#logo_start_wrapper .choose_lang a:hover {
    text-decoration:underline
}

#bgImage {
	position:absolute;
	top:0;
	left:40px;
	width: 968px;
	height:100%;
	/*background: transparent url(../images/bg.png) no-repeat !important;*/
	z-index:3;
	display:block;

}


#wrapper {
	width: 100%;
	height:100%;
	position:relative;
	/*margin: 0 auto; */
	overflow:auto;
	overflow-x:hidden;
	clear:left;
	z-index:99;
}

#Container {
	width: 970px;
	margin-left:48px;
	height:100%;
	/*background-color:green*/
}

#bgColor {
	position:absolute;
	width:100%;
	height:100%;
	 /*display:none*/
}

#bgColor2 {
	position:absolute;
	width:100%;
	height:100%;
}

#changer, #pot { height:100% }


/* HEADER
----------------------------------------- */

ul.translations { position:relative; top:30px; list-style-type:none; text-align:center  }

#Header {
 	width: 850px;
 	height: 148px;
 	/*background-color:red*/
}
 	#Header h1 {
	  	color: #fff;
	}

#Header ul.translations { position:absolute; right:20px; top:10px}
#Header ul.translations li {  color:#fff; list-style-type:none; }
#Header ul.translations li a { text-decoration:none; color:#fff;  }
#Header ul.translations li a:hover { text-decoration:underline }
#Header ul.translations img { border:0px }

#Header #logo {
	position:relative;
	display:block;
	background: transparent url(../images/LA_Logo.png );
	width:228px;
	height:14px;
	top:50px;
}

/* FOOTER
----------------------------------------------- */

#Footer {
 	position:relative;
 	font-size:13px;
 	clear: both;
	margin:-35px auto;
	height:35px;
	color:#444;
	/*width:968px;*/
	left:0px;
	z-index:99;
	/*opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);*/


}

#Footer a {color:#444; text-decoration:none }
#Footer a:hover { text-decoration:underline }
#Footer p { margin-left:50px; }
#Footer p span {

 	 text-transform:lowercase
}

/* CONTENT (LAYOUT)
----------------------------------------- */


#Layout {
	float:left;
	position:relative;
	width:558px; /*574px;*/
	margin-left:0px;
	margin-right:0px;
	color:#fff;
	margin-bottom:35px;
	overflow:auto;
	height: 60%;
	overflow-x:hidden;
	overflow:hidden
}






/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	float:left;
	width: 396px;
	margin: 0 auto;
	overflow: hidden;
	padding:0;
	margin:0

}
	#Navigation ul {
		text-transform:uppercase;
		list-style: none;

	}
		#Navigation ul li {
	 		 letter-spacing:1px;


		}
  			#Navigation ul li a {
				text-decoration: none;
				display: block;
				padding:0px 0 2px 0;
				font-size: 21px;
				/*line-height:20px;*/
				color: #fff;
			}
				#Navigation ul li a span {

				}
					#Navigation ul li a:hover {
						text-decoration:underline;
						cursor: pointer;
					}
					#Navigation ul li a:hover span {
						text-decoration:underline;
						cursor: pointer;
					}

    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover {
				 	text-decoration:underline
					}
				#Navigation ul li a.current span,
				#Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
				#Navigation ul li a.current:hover span {
					text-decoration:underline
				}





	/* MENU2 */
    ul.Menu2 { margin-left:20px; margin-top:2px; }
    ul.Menu2 li {


    }
    	ul.Menu2 li a {
            display: block;

            /*color: #898989;*/
      	}
			ul.Menu2 li em {
				padding-left: 8px;
				display: block;
			}
				ul.Menu2 li li em {
					padding-left: 0;
				}
      	/* Level 1
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/
      	ul.Menu2 li a:hover,
      	ul.Menu2 li a.current,
      	ul.Menu2 li a.current:hover {
        	text-decoration:underline;
			cursor: pointer;
            text-decoration: none;
      	}
	  	ul.Menu2 li a.current {

	  	}
      	ul.Menu2 li a.section,
      	ul.Menu2 li a.section:hover {
           /* background: #DCDCDC;*/
      	}
      	ul.Menu2 li a.levela:hover span,
      	ul.Menu2 li a.current span,
      	ul.Menu2 li a.section span,
      	ul.Menu2 li a.section:hover span,
      	ul.Menu2 li a.current:hover span {
			display: block;
			width: 100%;
			height: 100%;
		}
		ul.Menu2 li a.levela:hover em,
		ul.Menu2 li a.current em,
		ul.Menu2 li a.section em,
		ul.Menu2 li a.section:hover em,
		ul.Menu2 li a.current:hover em {
			display: block;
			width: 100%;
            height: 100%;
      	}

      	ul.Menu3 { margin-left: 20px; margin-top:2px; }

		ul.Menu3 li a {
                text-decoration: none;
                display: block;
                padding:2px 0 2px 0;
                font-size: 14px;
                line-height:20px;
                color: #fff;
            }



/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM
-----------------------------------------------*/
#SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
	#SearchForm_SearchForm .middleColumn {
		float: left;
		width: 164px;
		margin: 0 5px 0 0;
		padding: 2px;
		background-color: #51a9df;
	}

		#SearchForm_SearchForm .middleColumn input.text {
			width: 160px;
			border: none;
			color: #666;
		}

	#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
		float: left;
		margin-top: 2px;
	}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #f00;
	border: 4px solid #ff7373;
	/*background: #FFFFEA;*/
}

span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 0px 0 14px 0px;
	padding: 5px;
	display:block;
	width: 92%;
	color: #f00;
	border: 4px solid #ff7373;
	/*background: #FED0D0;*/
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}

/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}




/* ACCORDEON
----------------------------------------------- */
.accordeon .box {
padding:1px 0 1px 0;
}

.accordeon .box h3 {
	position:relative;
	/*background-color:#fff;*/
	border:1px solid #fff;
	font-size:12px;
	margin: 0;
	padding:0;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;

	 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	 border-bottom: 1px solid rgba(0,0,0,0.25);
}

.accordeon {

}

.jspPane {
	/*height:500px*/
}


.accordeon .box h3 a {
	position:relative;
	color:#fff;
	padding:5px 7px 5px 7px;
	display:block;
	text-decoration:none;

}

.accordeon .box h3 a span {
	display:block;
	position:absolute;
	font-size:8px;
	right:17px;
	top: 7px;

}

.accordeon .box p {
	/*display:none*/
	padding:5px 7px 5px 7px;
	color:#fff;
	margin:0;
}

.accordeon .hover {
	color:#000 !important;
	background-color:#fff !important;
	cursor:pointer;
	opacity: 0.8 !important;
	filter: alpha(opacity=800) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
}

.accordeon .current {
	color:#000;
	background-color:#fff !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

.accordeon .hover a,
.accordeon .current a {
	color:#000 !important;
}


.accordeon .box p.active {

}

#wrapper,
#Container,
#Navigation,
#Header,
#Layout { /*/border:1px solid black*/  }


.hollow {
        background-color: #ffffff;
        text-decoration: none;
        display: block;
        position: absolute;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
        -moz-opacity:0;
        -khtml-opacity: 0;
        opacity: 0;
}



img { border:0px; }


.toplink {
	 width:30px; float:right; padding-bottom:5px
}

/********* WIDGTES ************/

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




/***** FANCYBOX OVERWRITING ****/

#fancybox-content,
#fancybox-content div h2,
#fancybox-content div {
	font-family: NeuzeitGro-Reg;
	/*letter-spacing:1px */
}

#fancybox-content div {
	overflow:hidden !important;
}

#fancybox-content div h2 {
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
	word-wrap:normal
}

.Leistungen #fancybox-content {
	background-color:#2e4741;
	border-color:#2e4741 !important;
	color:#fff;
}

.Leistungen #fancybox-outer {
	background-color: #2e4741 !important;
}

.Kunden #fancybox-content {
	background-color:#c45518;
	border-color:#c45518 !important;
	color:#fff;
}


.Kunden #fancybox-outer {
	background-color: #c45518 !important;
}

/* Kundenliste */
.typography ul.customers { list-style-type:none; margin:0; padding:85px 0 5px 3px; position:absolute;  top:0px; left:170px;  width:310px; }
.typography ul.customers>li { background:none; margin:0 0 10px 0; padding: 0 0 3px 5px; color:#fff;  border-left:1px solid white; border-bottom:1px solid white  }
.typography ul.customers>li ul { list-style-type:none; margin:0; padding: 0  }
.typography ul.customers>li ul>li { background:none; display:inline; line-height:12px; font-size:12px; padding:0; margin:0  }

/* Zielgruppen */
.typography ul.targetgroups { list-style-type:none; margin:0; padding:100px 0 5px 3px; position:absolute;  top:0px; left:220px;  width:270px; }
.typography ul.targetgroups>li { background:none; margin:0 0 10px 0; padding: 0 0 3px 5px; color:#fff;  border-left:1px solid white; border-bottom:1px solid white  }

/* Leadership by Leadership */
.typography ul.lapyramide { list-style-type:none; margin:0; padding:273px 0 3px 3px; position:absolute;  top:0px; left:160px;  }
.typography ul.lapyramide>li { background:none; margin:0 0 0px 0; padding: 0 0 8px 5px; color:#fff;   }
.typography ul.lapyramide>li a { text-decoration:none }
.typography ul.lapyramide>li.la1 { margin-left:130px}
.typography ul.lapyramide>li.la2 { margin-left:90px}
.typography ul.lapyramide>li.la3 { margin-left:45px}
.typography ul.lapyramide>li.la4 { margin-left:0px; padding-top:1px;}

.pic { float:left; border:5px solid #ddd; margin-bottom:15px}
.txt { display: block; float:left;  width:280px; }

.profilpic { width:140px; margin: 0px 0 15px 0px }


/* Tiny Scrollbar */
/*#Layout { height: 400px; background-color:red; overflow:auto}
#Layout .viewport { width: 528px; height: 100%; overflow: hidden; position: relative; }
#Layout .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#Layout .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }
#Layout .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 0px; width: 18px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#Layout .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 0px; width: 18px; }
#Layout .disable { display: none; }*/


.typography.teammember img.leftAlone { display:block !important; clear:both !important;  }
.typography.teammember img,
.typography.teammember h2 { margin-bottom:22px }
.typography.teammember h1 { margin-top:0px; margin-bottom:0px; padding-bottom:0px}