/* CONTENT */
@import url("content.css");

@import url("partner.css");
@import url("team.css");
@import url("philosophie.css");
@import url("leistungen.css");
@import url("kontakt.css");
@import url("impressum.css");


/* LAYOUT */

div#box {
	width:900px;
	position: absolute;
	left:50%;
	margin-left:-450px;
	top: 0px;
	border: none;
}

div#logobox {
	width: 900px;
	height: 159px;
	background-color: #ccd8e0;	
}

div#logo{
	margin-left: 172px;
	padding-left: 0px;
}

div#content{
	background-color: #f5f7f9;
	min-height:450px;
	border: solid 1px f5f7f9;
	min-height:450px;  /*für den IE */
}

div#impressum{
	position: absolute;
	top: 128px;
	left: 807px;
}

div#impressum a {
	color: #003A62;
	padding: 3px;
}

div#impressum a:hover{
	color: #ffffff;
	background-color: #003A62;
}

div#impressum a.active{
	color: #ffffff;
	background-color: #003A62;
}


/* NAVIGATION 1 */
div#nav1{
	padding: 0px;
	margin: 0px;
	width: 900px;
	height: 40px;
}

div#nav1 ul{
	position: relative;
	top: 0px;
	left: 0px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 40px;
}

div#nav1 li { 
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 180px;
}

div#nav1 ul li a {
	position: relative;
	display: block;
	height: 40px;
	width: 180px;
	text-align: center;
}

#partner {
	background-image:url('../layoutpics/nav/partner.gif');
}

#partner:hover {
	background-image:url('../layoutpics/nav_s/partner.gif');
}

#partner.active {
	background-image:url('../layoutpics/nav_s/partner.gif');
}

#team {
	background-image:url('../layoutpics/nav/team.gif');
}

#team:hover {
	background-image:url('../layoutpics/nav_s/team.gif');
}

#team.active {
	background-image:url('../layoutpics/nav_s/team.gif');
}

#philosophie {
	background-image:url('../layoutpics/nav/philosophie.gif');
}

#philosophie:hover {
	background-image:url('../layoutpics/nav_s/philosophie.gif');
}

#philosophie.active {
	background-image:url('../layoutpics/nav_s/philosophie.gif');
}

#leistungen {
	background-image:url('../layoutpics/nav/leistungen.gif');
}

#leistungen:hover {
	background-image:url('../layoutpics/nav_s/leistungen.gif');
}

#leistungen.active {
	background-image:url('../layoutpics/nav_s/leistungen.gif');
}

#kontakt {
	background-image:url('../layoutpics/nav/kontakt.gif');
}

#kontakt:hover {
	background-image:url('../layoutpics/nav_s/kontakt.gif');
}

#kontakt.active {
	background-image:url('../layoutpics/nav_s/kontakt.gif');
}

/* DIASHOW */

#myGallery {
	width: 300px !important;
	height: 300px !important;
}