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; text-align: left; }

p,li { line-height: 130%; }


#main {
	margin: 20px auto;
	width: 722px;
	height: 550px;
	background: #1A1A1A;
	color: inherit;
	}
	
/* Links nav_bar_top */
#nav_bar_top {
	height: 40px;
	background: #000;
	color: #fff;
	font: bold 13px Tahoma;
	}

#nav_bar_top a { text-decoration: none; color: #fff; }

	#nav_bar_top ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
	
		#nav_bar_top li { float: left; height: 30px; text-align: center;  }
		#nav_bar_top a#home, a#karten, a#systeme, a#sofort, a#anbieter, a#reference, a#contact { float: left; height: 30px; padding-top: 10px; }


	a#home { width: 50px; }
	a#home:hover { background: url(img/hover.gif); color: #000; }
	
	a#karten { width: 125px; }
	a#karten:hover { background: url(img/hover.gif); color: #000; }
	
	a#systeme { width: 130px; }
	a#systeme:hover { background: url(img/hover.gif); color: #000; }
	
	a#sofort { width: 137px; }
	a#sofort:hover { background: url(img/hover.gif); color: #000; }
	
	a#anbieter { width: 125px; }
	a#anbieter:hover { background: url(img/hover.gif); color: #000; }
	
	a#reference { width: 89px; }
	a#reference:hover { background: url(img/hover.gif); color: #000; }
	
	a#contact { width: 66px; }
	a#contact:hover { background: url(img/hover.gif); color: #000; }
	

#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: 134px;
	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: 137px;
	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: 2px; 
	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); }