@charset "UTF-8";


/****************************
+++ HTML-Standards +++
****************************/


body {
	padding: 0;
	margin: 0;
	text-align: center;
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	color:black;
}


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#9C9E9F;
}

h1 {
	margin-bottom:0.8em;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
}

h2 {
	margin-bottom:0.3em;
	font-size:1.2em;
	line-height:1.2em;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

a {
	color:#9C9E9F;
}

p {
	margin-top:0px;
}

img {
	border:none;
}

hr {
	height:15px;
	border:0px;
	width:100%;
	background: url(../upload/design/hr.gif);
}

.rechts {
	float:right;
	padding-left:5px;
}

.links {
	float:left;
	padding-right:5px;
}


.grau {
	color:#9C9E9F;
}

.orange {
	color:#FBB822;
}

.dunkelorange {
	color:#F39325;
}

.dunkelgrau {
	color:#4E636D;
}


/****************************
+++ Hauptstruktur +++
****************************/
img#background {
	position: absolute;
	height: 100%;
	margin-left: -40%;
	top: 0;
	left: 50%;
}

img#logo {
	position: absolute;
	top: 115px;
	left:30px;
}

#site {
	position:relative;
	width: 960px;
	margin: 50px auto 0px auto;
}

#navigation {
	top:0px;
	width:960px;
}

.main {
	position:absolute;
	top:0px;
	left:0px;
	font-weight:bold;
}

.main table {
	float:left;
	padding:0;
	margin:0;
	margin-right:19px;
	border-collapse:collapse;
}

.main table td {
	width:88px;
	height:89px;
	padding:0;
	margin:0;
	padding-right:1px;
	text-align:center;
	vertical-align:middle;
	background:url(../upload/design/nav_main_bg.png) top left no-repeat;
}

.main table td.active, .main table td:hover {
	background:url(../upload/design/nav_main_active_bg.png) top left no-repeat;
}

.main table td a {
	color:white;
	text-decoration:none;
	font-size:13px;
	line-height:15px;
	display:block;
	width:100%;
	margin-top:-18px;
	padding:30px 0px;
}

.main table td a.navi {
	width:88px;
	height:60px;
	padding:0;
	margin:0;
	margin-top:-75px;
	background:url(../upload/design/pix.gif);
	position:relative;
	z-index:99;
}

#subnav {
	position:absolute;
	top:124px;
	left:0px;
	width:198px;
	font-weight:bold;
}

#subnav .nright {
	width:89px;
	float:right;
}

#subnav .nright table {
	padding:0;
	margin:0;
	margin-bottom:25px;
	border-collapse:collapse;
}

#subnav .nleft {
	width:99px;
	float:left;
}

#subnav .nleft table {
	padding:0;
	margin:0;
	margin-bottom:25px;
	border-collapse:collapse;
}

#subnav table td {
	width:88px;
	height:89px;
	padding:0 1px 0 0;
	margin:0;
	text-align:center;
	vertical-align:middle;
	background:url(../upload/design/nav_sub_bg.png) top left no-repeat;
}

#subnav table td.active, #subnav table td:hover {
	background:url(../upload/design/nav_sub_active_bg.png) top left no-repeat;
	color:#fff;
}

#subnav table td a {
	display:block;
	padding:15px 2px;
	text-decoration:none;
	color:#53656E;
	margin-top:-3px;
}

#subnav table td a.navi {
	width:88px;
	height:60px;
	padding:0;
	margin:0;
	margin-top:-70px;
	background:url(../upload/design/pix.gif);
	position:relative;
	z-index:99;
}

#subnav table td a.active, #subnav table td a:hover {
	color:#fff;
}

#container {
	position:absolute;
	top:124px;
	left:225px;
	width:710px;
	height:548px;
	padding:0px;
	margin:0px;

}

#top {
	height:13px;
	width:740px;
	background:url(../upload/design/content_top.gif) top left repeat-y;
}

#content {
	height:493px;
	width:695px;
	background:url(../upload/design/content_bg.gif) top left repeat-y;
	padding: 15px 15px 15px 30px;
}

#right {
	position:relative;
	top:0px;
	right:0px;
	float:right;
	width:128px;
}

#picture{
	width:110px;
	height:135px;
	overflow:hidden;
	position:absolute;
	top:-15px;
	left:16px;
}

#rahmen {
	background:url(../upload/design/rahmen.png) top left no-repeat;
	position:absolute;
	top:-18px;
	left:0px;
	width:141px;
	height:148px;
}

#rahmen a {
	display:block;
	width:110px;
	height:130px;
	margin:10px 0px 0px 16px;
}

#logo {
	display:block;
	position:absolute;
	top:210px;
	left:30px;
}

#left {
	float:left;
	width:555px;
	height:493px;
	overflow:auto;
	text-align:left;
}

.inhalt {
	position:relative;
}

.inhaltlinks {
	width:521px;
}

.hide {
	display:none;
}

#bottom {
	height:13px;
	width:740px;
	background:url(../upload/design/content_bottom.gif) top left repeat-y;
}

.fusszeile {
	margin-top:20px;
}

.fusszeile h2 {
	text-align:right;
	font-size:22px;
	font-weight:lighter;
	padding-right:12px;
}

/****************************
+++ Uebesicht +++
****************************/
#uebersicht h1 {
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

#uebersicht a {
	text-decoration: none;
}

#uebersicht .zeile {
	clear:both;
	border-bottom: solid 1px #CBCCCE;
	padding-bottom:1em;
	margin-bottom:1em;
}

#uebersicht .bild {
	float:left;
	width:120px;
}

#uebersicht .bild img {
	border: solid 0px #CBCCCE;
}

#uebersicht .inhalt {
	float:left;
	width:390px;
}

.zureckzuruebersicht {
	position:absolute;
	top:0px;
	left:400px;
	font-size:90%;
}

.zureckzuruebersicht a {
	text-decoration:none;
	font-weight:bold;
}

/****************************
+++ Uebesicht Kunden +++
****************************/

#uebersichtkunden {
	margin-top:-10px;
	padding-right:10px;
}

#uebersichtkunden .bild, #uebersichtkunden .bildrechts {
	float:left;
	padding:10px 5px 5px 10px;
}

#uebersichtkunden .bildrechts {
	padding-right:0px;
}

#uebersichtkunden .seiten {
	clear:both;
	margin-top:1em;
}


#uebersichtkunden img {}

.intern {
	margin-top:1em;
	background:#FEECD1;
}