/*----- Core Styles Start -----*/

body, td, th, div, a {
	line-height : 14px;
	color : #666666;
	font-size : 12px;
	text-transform: uppercase;
	font-family : Helvetica, Arial, Verdana, sans-serif;
	}
	
p {
	line-height : 14px;
	color : #666666;
	font-size : 12px;
	text-transform: uppercase;
	font-family : Helvetica, Arial, Verdana, sans-serif;
	}

i {
	line-height : 14px;
	color : #666666;
	font-size : 12px;
	font-family : Helvetica, Arial, Verdana, sans-serif;
	}
	
a {
	color : #666666;
	text-decoration : none;
	}

.grey {
	color: #ccc;
}

h1 {
	color : #333;
	font-size: 16px;
	font-weight : bold;
	text-decoration : none;
	}

h2 {
	color : #333;
	font-size: 16px;
	font-weight : bold;
	text-decoration : none;
	}
	
acronym {
	border : none;
	text-decoration : none;
	margin : 0;
	padding : 0;
	cursor : help;
	}

form {
	margin : 0;
	padding : 0;
	}

input, select, textarea {
	color : #000;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}

input:focus, textarea:focus {
	background-color : #ffc;
	}

input[type=image] {
	border : none;
	background-color : transparent;
	padding : 0;
	margin : 0;
	cursor : pointer;
	}

span.highlight {
	background-color : #ffc;
	padding : 3px;
	}

.clr {
	display : block;
	clear  : both;
	}

.bitv {
	display : none;
	}

/*----- Core Styles End -----*/

/*----- Template Styles Start -----*/

#tpl {
	padding : 0;
	margin : 0;
	background: #fff url("../images/tpl/bgm.png") repeat-x;
	}

#tpl-wrapper {
	padding : 0;
	margin : 0;
	width : 995px;
	overflow : hidden;
	}

/*----- head -----*/

#tpl-head {
	height: 120px;
	overflow : hidden;
	margin-bottom: 2px;
	}

#tpl-head-lft, 
#tpl-head-cnt, 
#tpl-head-rgt, 
#tpl-navigator-lft, 
#tpl-navigator-rgt {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 230px;
	height: 120px;
	}

#tpl-head-cnt {
	width: 565px;
	margin-left: 5px;
	background: url("../images/tpl/hack-fahrzeuge.png") no-repeat center center;
	text-align: right;
	}

#tpl-head-rgt {
	width: 190px;
	float: right;
	}

#tpl-head-rgt img {
	margin: 10px 0 0 5px;
	}

#tpl-head-cnt ul, 
#tpl-head-cnt li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#tpl-head-cnt ul {
	margin-top: 10px;
	}

#tpl-head-cnt li {
	float: right;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px #999 solid;
	}

#tpl-head-cnt li:first-child {
	border: none;
	}

#tpl-head-cnt li a {
	text-transform: uppercase;
	font-size: 11px;
	}

/*----- navigator -----*/

#tpl-navigator {
	height: 46px;
	margin-bottom: 2px;
	}

#tpl-navigator-lft {
	width: 180px;
	height: 46px;
	}

#tpl-localize {
	padding: 16px 10px 0 0;
	}

#tpl-localize a {
	margin-left: 10px;
	}

#tpl-navigator-rgt {
	width: 813px;
	height: 46px;
	}

#tpl-navigator-rgt ul.navigator, 
#tpl-navigator-rgt li.navigator {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#tpl-navigator-rgt li.navigator {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	height: 46px;
	border-right: 2px solid #fff;
	}

#tpl-navigator-rgt li.navigator a {
	display: block;
	padding: 15px 10px 0 10px;
	text-transform: uppercase;
	color: #777;
	}

#tpl-navigator-rgt li.navigator strong {
	font-weight: bold;
	}

#tpl-navigator-rgt li.navigator ul.overlay {
	display: none;
	}

#tpl-navigator-rgt li.navigator:hover a, 
#tpl-navigator-rgt li.navigator a.act {
	color: #222;
	}

#tpl-navigator-rgt li.navigator:hover ul.overlay {
	display: block;
	position: absolute;
	top: 46px;
	left: 0;
	min-width: 160px;
	padding: 0 2px 2px 0;
	background: url("../images/tpl/dd.png") no-repeat right bottom;
	border-top: 2px solid #fff;
	z-index: 5;
	}

#tpl-navigator-rgt li.navigator:first-child {
	border-left: 2px solid #fff;
	}

#tpl-navigator-rgt ul.overlay, 
#tpl-navigator-rgt ul.overlay li {
	margin: 0;
	list-style: none;
	}

#tpl-navigator-rgt ul.overlay li {
	padding: 0;
	border-top: 1px solid #666;
	}

#tpl-navigator-rgt ul.overlay li:first-child {
	border: none;
	}

#tpl-navigator-rgt ul.overlay li:hover {
	background: #ffc;
	}

#tpl-navigator-rgt ul.overlay li a {
	padding: 5px;
	}

/*----- body -----*/

#tpl-body {
	min-height: 325px;
	overflow : hidden;
	}

#tpl-body-lft, 
#tpl-body-rgt {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 180px;
	}

#tpl-body-rgt {
	border-left: 2px solid #fff;
	width: 615px;
	}

#tpl-sidebar, 
#tpl-sidebar li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#tpl-sidebar li {
	height: 46px;
	overflow: hidden;
	background: #555;
	border-bottom: 1px solid #fff;
	}

#tpl-sidebar li a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: 1px 1px 1px 0;
	height: 44px;
	background: url("../images/tpl/nbg.png") repeat-x;
	}

#tpl-sidebar li a strong {
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 180px;
	height: 46px;
	background: rgba(255, 255, 255, 0.55);
	color: #aaa;
	text-transform: uppercase;
	}

#tpl-sidebar li a:hover strong, 
#tpl-sidebar li a.act strong {
	background: none;
	color: #222;
	}

#tpl-sidebar li b {
	display: block;
	padding: 15px 10px 0 10px;
	}

#tpl-stage {
	display: block;
	margin: 0;
	padding: 0;
	width: 615px;
	height: 328px;
	overflow: hidden;
	background: no-repeat center center;
	}

#tpl-stage-text {
	padding: 40px;
	text-align: right;
	}

#tpl-stage-text strong {
	color: #fff;
	}

#tpl-content {
	padding: 30px 0 60px 0;
	}

div.form-column-lft, 
div.form-column-rgt {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 48%;
	overflow: hidden;
	}

div.form-column-rgt {
	float: right;
	}

div.form-row {
	margin-bottom : 10px;
	}

hr.form-sep {
	display: block;
	height: 1px;
	padding: 0;
	margin: 15px 0;
	border: none;
	border-bottom: 1px solid #ddd;
	}

label.form-item {
	display : block;
	float : left;
	width : 150px;
	margin-right : 20px;
	font-weight : bold;
	font-size : 11px;
	color : #666;
	}

input.form-item, textarea.form-item, select.form-item {
	display : block;
	float : left;
	width : 250px;
	}


#tpl {
	background : #fff url("../images/tpl/johnsymbol.png") fixed no-repeat right top;
	padding : 0;
	margin : 0;
	}
	
	
/*----- foot -----*/

#tpl-foot {
	position: fixed;
	padding: 0;
	width: 100%;
	height: 45px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: url("../images/tpl/bgy.png") repeat-x center bottom;
	}

#tpl-foot-pad {
	padding: 20px 20px 0 20px;
	text-transform: uppercase;
	}

#tpl-foot-pad address {
	font-style: uppercase;
	}

/*----- Template Styles End -----*/

/*----- Layout Styles Start -----*/

div.layout-default {
	}

div.layout-default-lft, 
div.layout-default-rgt {
	display: block;
	padding: 0;
	margin: 0;
	width: 30%;
	float: left;
	}

div.layout-default-rgt {
	width: 68%;
	float: right;
	}

/*----- Layout Styles End -----*/