body {
	background: #464646;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #BDBDBD;
	}

a { color: #ccc; background: inherit; }

img { border: 0px; }

hr {
	border: 1px dotted #C5CF00;
	width: 98%;
	clear: both;
	}

h1 { 
	color: #fff;
	font-weight: normal;
	margin: 0px;
	font-size: 20px;
	background: inherit;
	margin-top: -8px;
	margin-bottom: -4px;
	}
	
table {
	color: #000; background: inherit;
	}
	
table a { color: #3300FF; background: inherit; }
	
th { color: #fff; background: inherit; }

#main {
	margin: 20px auto;
	width: 722px;
	height: 550px;
	background: #1A1A1A;
	color: inherit;
	}
	
/* Links nav_bar_top */
#nav_bar_top {
	height: 40px;
	width: 722px;
	padding-bottom: 5px;
	background: #000;
	color: inherit;
	}

#nav_bar_top a { float: left; height: 40px;}

	a.home { background: url(img/links/home.gif) top; width: 50px; }
	a.home:hover { background: url(img/links/home.gif) bottom; }
	
	a.karten { background: url(img/links/karten.gif) top; width: 130px; }
	a.karten:hover { background: url(img/links/karten.gif) bottom; }
	
	a.systeme { background: url(img/links/systeme.gif) top; width: 133px; }
	a.systeme:hover { background: url(img/links/systeme.gif) bottom; }
	
	a.konto { background: url(img/links/konto.gif) top; width: 121px; }
	a.konto:hover { background: url(img/links/konto.gif) bottom; }
	
	a.marketing { background: url(img/links/marketing.gif) top; width: 133px; }
	a.marketing:hover { background: url(img/links/marketing.gif) bottom; }
	
	a.reference { background: url(img/links/referenzen.gif) top; width: 89px; }
	a.reference:hover { background: url(img/links/referenzen.gif) bottom; }
	
	a.contact { background: url(img/links/kontakt.gif) top; width: 66px; }
	a.contact:hover { background: url(img/links/kontakt.gif) bottom; }
/* Links nav_bar_top Ende */

#logo {
	width: 231px;
	height: 465px;
	float: left;
	background: url(img/site/logo.gif) top no-repeat;
	}

#picture {
	width: 231px;
	height: 266px;
	margin-top: 144px;
	}

#content {
	width: 474px;
	height: 450px;
	float: right;	
	padding: 10px 8px 5px 0px;
	overflow-y: auto;
	overflow-x: hidden;
	}

.nav_bar_bottom {
	height: 35px;
	width: 722px;
	background: #242424;
	clear: both;
	padding-top: 20px;
	color: inherit;
	}
	
/* Schriftzüge, etc. */
.exdima { 
	color: #C5CF00;
	font-size: 9px;
	text-transform: uppercase;
	margin-left: 30px;
	background: inherit;
	}
	
.links_bottom { 
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	background: inherit;
	}
	
.links_bottom a { 
	color: #fff; 
	text-decoration: none; 
	background: inherit; 
	}
	
.links_bottom a:hover { 
	color: #fff; 
	text-decoration: underline; 
	background: inherit; 
	}

.more a {
	background: #C5CF00;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	color: #000;
	display: block;
	width: 90px;
	text-decoration: none;
	float: right;
	margin-bottom: 5px;
	}
	
.more a:hover {
	background: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	color: #C5CF00;
	display: block;
	width: 90px;
	}

.small { font-size: 9px; }

/* Seitenspezifische Klassen */
.news {
	margin-top: 4px;
	width: 474px;
	height: 258px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 3px;
	}

.navi {
	color: #A1A0A0;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	background: inherit;
	}
	
.navi a { 
	color: #A1A0A0;;
	text-decoration: none;
	background: inherit;
	}
	
.navi a:hover { text-decoration: underline; }
	
.link_list { list-style: inside none none; }

.link_list li { margin-bottom: 2px; }

.link_list a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #A1A0A0; 
	background: inherit; 
	}
	
.link_list a:hover { text-decoration: underline; }

.zsystem {
	width: 141px;
	height: 130px;
	float: left;
	margin-right: 10px;
	margin-top: 12px;
	border-right: 1px solid #C5CF00;
	border-bottom: 1px solid #C5CF00;
	font-weight: bold;
	color: #fff;
	background: inherit;
	}
	
.zsystem img { float: left; margin-right: 4px; }

.zsystem p { margin-top: 30px; }

.kredit {
	font-size: 11px;
	text-align: center;
	color: #BDBDBD;
	font-weight: bold;
	background: inherit;
	}

.logo { margin-bottom: -7px; } 
/* Kontaktformular */
.adress { margin-top: 5px; }
	
.adress img { 
	float: left; 
	margin-bottom: 12px;
	}

.adress p {
	font-size: 12px;
	float: right;
	margin-top: 0px;
	margin-right: 65px;
	}

.contact_left {
	float: left;
	width: 220px;
	}

.contact_right {
	float: right;
	width: 230px;
	}
	
.contact_right span { display: block; }
	
input, textarea, select {
	border: 1px solid #696969;
	height: 15px;
	width: 217px;
	margin-bottom: 2px;
	background-color: #1A1A1A;
	font: 12px Verdana, Arial,Helvetica, sans-serif;
	color: #fff;
	}
	
textarea {
	float: right;
	margin-right: 11px;
	margin-bottom: 10px;
	height: 121px;
	margin-top: 0px;
	}

.check { 
	width: 13px; height: 13px; margin-top: 2px;
	}
	
.button {
	background: #1A1A1A;
	height: 18px;
	width: 108px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	margin-top: 0px;
	border: 1px solid #696969;
	}
	
.info {
	margin-top: -18px;
	float: left;
	clear: both;
	font-size: 9px;
	}
	
.error {
	float: left;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	background: inherit;
	margin-top: -6px;
	}
	
.line {
	border: 1px dotted #C5CF00;
	margin-bottom: -9px; 
	margin-top: -7px;
	width: 100%;
	clear: both;
	}
/* Kontaktformular Ende */

/* Pruefziffer */
.back, .zurueck {
	width: 140px;
	height: 20px;
	display: block; 
	margin: 0px auto;
	}

.back {	background: url(img/logos/back.jpg); }	
.back:hover { background: url(img/logos/back2.jpg);  }
.zurueck { background: url(img/logos/zurueck.jpg); }	
.zurueck:hover { background: url(img/logos/zurueck2.jpg); }