/* -----------------------------------------------------------  */
/* -------------------- Rahmen-Layout-Styles -----------------  */
/* -----------------------------------------------------------  */

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0;
	color: #ffffff;
	background: #232323;
}

div#wrap {
	width: 1010px;
}

div#header {
	height: 123px;
	background: url(../images/header.gif) no-repeat;
}

div#header img {
	float: right;
	margin-top: 27px;
	border: none;
}


div#bildlaufleiste {
	height: 100px;
	background: url(../images/bildlaufleiste.jpg) no-repeat;
}


div#zusammen {
	width: 699px;
	float: right;
}

div#navicontainer {
	width: 155px;
	float: left;
}


div#inhaltcontainer {
	width: 544px;
	float: left;
}

div#inhalt {
	width: 507px;
	margin-left: 37px;
	padding-top: 35px;
}



/* -----------------------------------------------------------  */
/* ---------------------- Die Navigation ---------------------  */
/* -----------------------------------------------------------  */

div#navicontainer ul {
	margin: 0;
	padding: 10px 0 10px 0;
	background: #35393d;
}

div#navicontainer ul li {
	list-style-type: none;
}

div#navicontainer .e1 a {
	display: block;
	height: 35px;
	text-indent:-10001em;
}

div#navicontainer .e2 {
	padding: 10px 0 10px 0;
}

div#navicontainer .e2 a {
	display: block;
	height: 26px;
	text-indent:-10001em;
}

.navigation a {
	width: 155px;
	background: url(../images/navi_navigation.gif) no-repeat;
}

.navigation a:hover, .navigation a:active {
	background: url(../images/navi_navigation.gif) no-repeat;
}

.home a {
	width: 155px;
	background: url(../images/navi_home.gif) no-repeat;
}

.home a:hover, .home a:active {
	background: url(../images/navi_home_hover.gif) no-repeat;
}

.home-active {
	background: url(../images/navi_home_hover.gif) no-repeat;
}

.strategie a {
	width: 155px;
	background: url(../images/navi_strategie.gif) no-repeat;
}

.strategie a:hover, .strategie a:active {
	background: url(../images/navi_strategie_hover.gif) no-repeat;
}

.strategie-active {
	background: url(../images/navi_strategie_hover.gif) no-repeat;
}

.leistungen a {
	width: 155px;
	background: url(../images/navi_leistungen.gif) no-repeat;
}

.leistungen a:hover, .leistungen a:active {
	background: url(../images/navi_leistungen_hover.gif) no-repeat;
}

.leistungen-active {
	background: url(../images/navi_leistungen_hover.gif) no-repeat;
}

.technik a {
	width: 155px;
	background: url(../images/navi_technik.gif) no-repeat;
}

.technik a:hover, .technik a:active {
	background: url(../images/navi_technik_hover.gif) no-repeat;
}

.technik-active {
	background: url(../images/navi_technik_hover.gif) no-repeat;
}

.kunden a {
	width: 155px;
	background: url(../images/navi_kunden.gif) no-repeat;
}

.kunden a:hover, .kunden a:active {
	background: url(../images/navi_kunden_hover.gif) no-repeat;
}

.kunden-active {
	background: url(../images/navi_kunden_hover.gif) no-repeat;
}

.beispiele a {
	width: 155px;
	background: url(../images/navi_beispiel.gif) no-repeat;
}

.beispiele a:hover, .beispiele a:active {
	background: url(../images/navi_beispiel_hover.gif) no-repeat;
}

.beispiele-active {
	background: url(../images/navi_beispiel_hover.gif) no-repeat;
}

.team a {
	width: 155px;
	background: url(../images/navi_team.gif) no-repeat;
}

.team a:hover, .team a:active {
	background: url(../images/navi_team_hover.gif) no-repeat;
}

.team-active {
	background: url(../images/navi_team_hover.gif) no-repeat;
}

.kontakt a {
	width: 155px;
	background: url(../images/navi_kontakt.gif) no-repeat;
}

.kontakt a:hover, .kontakt a:active {
	background: url(../images/navi_kontakt_hover.gif) no-repeat;
}

.kontakt-active {
	background: url(../images/navi_kontakt_hover.gif) no-repeat;
}

.impressum a {
	width: 155px;
	background: url(../images/navi_impressum.gif) no-repeat;
}

.impressum a:hover, .impressum a:active {
	background: url(../images/navi_impressum_hover.gif) no-repeat;
}

.impressum-active {
	background: url(../images/navi_impressum_hover.gif) no-repeat;
}


/* -----------------------------------------------------------  */
/* ------------ ueberschrift-nav Format-Styles ---------------  */
/* -----------------------------------------------------------  */


div#ueberschrift-navi img {
	border: none;
}


/* -----------------------------------------------------------  */
/* ----------------- Inhalt Format-Styles --------------------  */
/* -----------------------------------------------------------  */


div#inhalt a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #FFF;
}

div#inhalt a:hover, div#inhalt a:active {
	border-bottom: none !important;
}

div#inhalt p {
	line-height: 17px;
	margin: 0 0 10px 0;
	padding: 0;
}

/* -----------------------------------------------------------  */
/* ------------------- Beispiele Galerie ---------------------  */
/* -----------------------------------------------------------  */


div#beispiele-galerie a, img {
	border: none !important;
}

div#beispiele-galerie img {
	float:left;
	margin: 0 15px 15px 0;
	}