@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}

#container {
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 999px;
	clear: both;
} 

#header {
	background-position: 0;
	padding: 0;
	width: 995px;
} 
#home #container #sidebar1 p a,
#impressum #container #sidebar1 p a,
#leistungen #container #sidebar1 p a,
#referenzen #container #sidebar1 p a,
#partner #container #sidebar1 p a,
#unternehmen #container #sidebar1 p a,
#karriere #container #sidebar1 p a,
#kontakt #container #sidebar1 p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CCC;
}
#header h1 {
	margin: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}



/* ---------------------- Link-Standards ---------------------- */
a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:active {text-decoration:none;}
a:hover {
	text-decoration:none;
	font-weight: bold;
}

/* ---------------- Menue-Hintergrund / mittig / Menue-Schrift ---------------------- */
#menue{
	height: 17px;
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	background-repeat: repeat-x;
	text-decoration:none;
	list-style-type:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin: 0;
	padding: 0px;
	float: left;
}
#menue ul {
	text-decoration:none;
	width:auto;
	color: #333;
	margin: 0px;
	padding: 0px;
}

/* ---------------------- Menuepunkte nebeneinander ---------------------- */
#menue ul li {
	display:block;
	color:#D2DADF;
	text-decoration:none;
	text-align:center;
	height:17px;
	width:124px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #D2DADF;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
}
/* ---------------------- Menuepunkte Mouse Over --------------- */
#menue ul li a:hover {
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	height:17px;
	width:124px;
	background-color: #666;
	padding: 0px;
}

#sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 240px;
	height: 570px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #D2DADF;
	margin: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#sidebar1-part {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 240px;
	height: 650px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #D2DADF;
	margin: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#sidebar1-ref {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 240px;
	height: 1210px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #D2DADF;
	margin: 0px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#sidebar1 h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #D2DADF;
	font-weight: 700;
}
#sidebar1-part h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #D2DADF;
	font-weight: 700;
}
#sidebar1-ref h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #D2DADF;
	font-weight: 700;
}

#mainContent h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 700;
	padding-top: 40px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}
#mainContent h4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 700;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
}

#mainContent {
	background-image: url(../images/hinter-cad-b700-t20.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	height: 570px;
	width: 640px;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	float: right;
	margin: 0;
} 
#mainContent-part h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 700;
	padding-top: 40px;
	padding-bottom: 20px;
}
#mainContent-part {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	height: auto;
	width: 625px;
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	background-image: url(../images/hinter-cad-b700d-t20.png);
} 

a.menustelle{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 700;
	text-align: center;
	width: 500px;
	background-color: #D2DADF;
	list-style-type: none;
	margin: 0px;
	background-repeat: no-repeat;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

a.menustelle:link    {
	color:#666;
	background-color:#D2DADF;
	width: 500px;
}
a.menustelle:visited {
	color:#666;
	background-color:#D2DADF;
}
a.menustelle:hover   {
	color:#F4F4F4;
	background-color:#069;
	width: 500px;
}
a.menustelle:active  {
	color:#666;
	background-color:#D2DADF;
}

#mainStellen{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 700;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	width: 500px;
	padding-bottom: 0px;
	background-color: #DDDDDD;
	margin-top: 20px;
	margin-bottom: 30px;
	list-style-type: none;
}

#footer {
	padding: 0 10px 0 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #CCC;
} 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ---------------------- Menuepunkte Block-Hintergrund  / Texthöhe --------------- */
body#home a#home, 
body#unternehmen a#unternehmen,
body#leistungen a#leistungen,
body#referenzen a#referenzen,
body#partner a#partner,
body#kontakt a#kontakt,
body#karriere a#karriere,
body#impressum a#impressum,
body#leer a#leer
#menue ul li a:active {
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	height:17px;
	width:124px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #005282;
}
.imgleft{
	float:right;
	clear:right;
	margin:10px;
	margin-bottom: 10px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imgright{
	float:left;
	clear:left;
	margin:10px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	text-align: center;
	color: #000000;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar1 table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#sidebar1-part table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#sidebar1-ref table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #111111;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #666;
}

.lbLoading {
	background: #fff url(../images/lb/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #666;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/lb/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/lb/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 1.4em;
	text-align: left;
	border-top-style: none;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(../images/lb/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Ende  SLIMBOX */
#home #container #mainContent ul li {
	font-weight: normal;
}