@import "../def/trans.css";
/*
	LAYOUT
*/

body, html {
	color: #000;
    background: #fff url('../media/bg.png') repeat-x;
    font-family: Verdana, Arial, sans-serif;
    height: 100%;
}
html {
	overflow-y:scroll;
}
#mainContainer {
	position: relative;
    width: 60em; /*960px;*/
    min-height: 100%;
    background: #fff url('../media/bg_left.png') repeat-y;
}

#header {
	position: relative;
    width: 48.0625em; /*769px;*/
    height: 9.75em; /* 156px;*/
	padding-left: 11.9375em; /*191px;*/
	background-color: #f3f4f4;
}

#header h1 {
	position: absolute;
	right: 1.5625em; /*25px;*/
	top: 1.125em; /*18px;*/
}
#header h1 a {
	text-decoration: none;
}

#header .headerbg {
	background: #afba81 url('../media/bg_head.png') repeat-y;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5.25em; /*84px;*/
	width: 48.0625em; /*769px;*/
	border-bottom: 1px solid #dce0cb;
}

#contentbox {
    padding-left: 11.9375em; /*191px;*/
}

#content {
    width: 48.0625em; /*769px;*/
    padding-bottom: 1.4375em; /*23px;*/
}

#wrapper {
    float: left;
    width: 48.75em; /*780px;*/
    margin-left: -11.9375em; /*-191px;*/
}

#centerCol {
    float: right;
    width: 34.625em; /*554px;*/
    background: #fff;
	position: relative;
	margin-top: 1.8125em; /*29px;*/
	padding: 1.75em 0.8125em 0 1.375em; /*28px 13px 0 22px;*/
	height: auto;
	overflow-y: hidden;
}

#leftCol {
	background: #e5e6e6 url('../media/bg_left.png') repeat-y;
	position: relative;
    float: left;
    width: 11.937em; /*191px;*/
	margin-top: -9.75em; /*-156px;*/
	padding-top: 4.4375em; /*71px;*/
	min-height: 5.3125em; /*85px;*/
}

#leftCol img.leftIllu {
	display: block;
}

#rightCol {
	position: relative;
    float: right;
    width: 11.25em; /*180px;*/
	margin-top: 1.8125em; /*29px;*/
}
#mainmenu {
	position: absolute;
	top: 9.75em; /*156px;*/
	left: 11.9375em; /*191px;*/
	background-color: #f6f6f6;
	width: 48.0625em; /*769px;*/
	height: 1.75em; /*28px;*/
	display: block;
}
#footerbox {
    width: 100%;
    height: 1.4375em; /*23px;*/
    margin-top: -1.4375em; /*-23px;*/
    background-color: #eee;
}

#footer {
	position: relative;
	padding-left: 11.9375em; /*191px;*/
	width: 48.0625em; /*769px;*/
	height: 1.4375em; /*23px;*/
	background-color: #f6f6f6;
}

div.shadowL, div.shadowR {
	position: absolute;
	top: 0;
	height: 100%;
	width: 11px;
	background-repeat: repeat-y;
}
.shadowL {
	left: -11px;
	background-image: url('../media/shadow_left.png') ;
}

.shadowR {
	right: -11px;
	background-image: url('../media/shadow_right.png');
}
#centerCol div.shadowL, #centerCol div.shadowR {
	display: none;
}
#footer .shadowL {
	background-image: url('../media/shadowbottom_left.png');
}

#footer .shadowR {
	background-image: url('../media/shadowbottom_right.png');
}

.topshadow {
	position: absolute;
	top: 0;
	width: 11px;
	height: 184px;
	background-repeat: repeat-y;
}

.shadowL .topshadow {
	background-image: url('../media/shadowtop_left.png');
}

.shadowR .topshadow {
	background-image: url('../media/shadowtop_right.png');
}

/* 
	MAINMENU
*/

div#mainmenu ul {
	background-color: #cbcccd;
	list-style: none;
	height: 1.25em; /*20px;*/
	padding-left: 1.125em; /*18px;*/ 
	margin: 0.1875em 0 0 0; /*3px 0 0 0;*/ 
}

div#mainmenu ul li {
	float: left;
	margin: 0;
}

div#mainmenu ul li p {
	font-size: 0.625em; /* 10px */
	line-height: 2em;
}

div#mainmenu ul li p a {
	display: block;
	color: #515254;
	text-decoration: none;
	font-weight: bold;
	padding: 0 1em; /*0 10px;*/
	margin-right: 1px;
	text-transform: uppercase;
}
div#mainmenu ul li p.selected a {
	color: #6c0216;
	background-color: #fff;
}
div#mainmenu ul li p a:hover {
	background-color: #f0f0f0;
}

/* 
	LEFTMENU
*/
div#leftmenu ul {
	margin-top: 0.75em;
	list-style: none;
	width: 11.9375em; /*191px;*/
	overflow: hidden;
}
div#leftmenu ul li {
	margin: 0;
}

div#leftmenu ul li p {
	font-size: 0.625em; /* 10px */
	line-height: 1.8em; /* 18px */
	width: 19.1em; /*191px;*/
}

div#leftmenu ul li p a {
	display: block;
	color: #515254;
	text-decoration: none;
	font-weight: bold;
}

/* level1 */
div#leftmenu ul li.l1 {
	margin-bottom: 2px;
	background-color: #fbfbfb;
}
div#leftmenu ul li.l1 p a {
	background-color: #ededed;
	background-image: url('../media/bg_l1.png');
	background-repeat: no-repeat;
	background-position: top left;
/*	text-transform: uppercase; */
	line-height: 1.2em;
	padding: 0.3em 0 0.3em 3em;
}
div#leftmenu ul li.l1 p.selected a {
	color: #6c0216;
	background-color: #fff;
	background-image: url('../media/arrow_red.png');
	background-position: 10px 6px;
}
div#leftmenu ul li.l1 p.selected a.sub {
	background-image: url('../media/arrow_down.png');
}
div#leftmenu ul li.l1 p a:hover, div#leftmenu ul li.l1 p a.sub:hover {
	background-color: #f7f7f7;
	background-image: url('../media/bg_l1_hover.png');
	background-position: top left;
}

/* level2 */
div#leftmenu ul li.l1 ul {
	background-color: #f7f7f7;
	padding: 6px 0;
	width: 10.5625em; /*169px;*/
	margin: 0 0 0 1.375em; /*0 0 0 22px;*/
}
div#leftmenu ul li.l2 p {
	width: 14.7em; /*147px;*/
}
div#leftmenu ul li.l2 p a {
	width: 14.7em; /*147px;*/
	padding-left: 2.2em; /*22px;*/
	background-color: #f7f7f7;
	background-image: none;
	text-transform: none;
}
div#leftmenu ul li.l2 p.selected a {
	background-color: #f7f7f7;
	background-position: 8px 6px;
}
div#leftmenu ul li.l2 p a:hover {
	background-color: #f5f6f8;
	background-image: url('../media/arrow_blue.png');
	background-position: 8px 6px;
}

/*
	TABMENU
*/
ul#tabmenu {
	list-style: none;
	width: 34.625em; /*554px;*/
	border-bottom: 1.3125em solid #e5e7e6; /*21px*/
}

ul#tabmenu li {
	float: left;
	margin: 0 4px 0 0;
	height: 1.625em; /* 26px */
	min-width: 6.4375em; /*103px;*/
}

ul#tabmenu li p {
	font-size: 0.625em; /* 10px */
	line-height: 2.6em; /* 26px */
}

ul#tabmenu li p a {
	background-image: url('../media/tab_right.png');
	background-repeat: no-repeat;
	background-position: right -52px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
ul#tabmenu li p a:hover, ul#tabmenu li p.selected a:hover {
	background-position: right 0;
}
ul#tabmenu li p.selected a {
	background-position: right -104px;
}
ul#tabmenu li p a strong {
	display: block;
	min-width: 8.7em; /*87px*/
	padding: 0 8px;
	background-image: url('../media/tab_left.png');
	background-repeat: no-repeat;
	background-position: 0 -52px;
	white-space: nowrap;
}
ul#tabmenu li p.selected a strong {
	cursor: pointer;
	padding: 0 14px 0 2px;
	background-position: 0 -104px;	
}
ul#tabmenu li p a:hover strong, ul#tabmenu li p.selected a:hover strong {
	cursor: pointer;
	background-position: 0 0;
}

/*
	BREADCRUMB
*/
ul#breadcrumb {
	list-style: none;
	position: absolute;
	bottom: 5.625em; /*90px;*/
	left: 13.25em; /*212px;*/
	width: 34.625em; /*554px;*/
}

ul#breadcrumb li {
	float: left;
	margin: 0 6px 0 0;
	white-space: nowrap;
}

ul#breadcrumb li p {
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 16px */
}

ul#breadcrumb li p a {
	text-decoration: none;
	color: #6c0216;
	text-transform: lowercase;
}

ul#breadcrumb li p a:hover {
	text-decoration: underline;
}

/*
	FOOTER
*/

p#footerlinks {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #515254;
	padding-left: 20px;
	font-size: 0.625em; /* 10px */
	line-height: 2.3em; /* 23px */
	width: 17.1em; /*159px*/
	height: 2.3em; /*23px*/
}

p#footerlinks a {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
p#footerlinks a.first {
	margin-right: 12px;
}
p#footerlinks a:hover {
	text-decoration: underline;
}

p#footerchanged {
	font-size: 0.625em; /* 10px */
	line-height: 2.3em; /* 23px */
	color: #515254;
	position: absolute;
	top: 0;
	right: 1em; /*10px;*/
	height: 2.3em; /* 23px */
	text-align: right;
}

/*
	CONTACTMENU	
*/

div#contactmenu {
	margin-right: 0.625em; /*10px;*/
	margin-top: 1.875em; /*30px;*/
}

div#contactmenu h4 {
	font-size: 0.625em; /* 10px */
	line-height: 2em; /* 20px */
	color: #fff;
	background-color: #515254;
	text-align: center;
	margin-bottom: 0.5em; /*5px;*/
	width: 100%;
}

div#contactmenu ul {
	list-style: none;
}

div#contactmenu ul li {
	margin: 0 0 3px 0;
	width: 100%;
}

div#contactmenu ul li p {
	font-size: 0.625em; /* 10px */
	line-height: 1.8em; /* 18px */
	height: 2.0em;	
}

div#contactmenu ul li p a {
	display: block;
	color: #515254;
	text-decoration: none;
	font-weight: bold;
	padding-left: 2.6em; /*26px;*/
	background: #e6e7e7 url('../media/arrow_blue.png') no-repeat;
	background-position: 13px center;
	height: 2em;
}
div#contactmenu ul li p a:hover {
	text-decoration: underline;	
}
div#contactmenu ul li p a.selected {
	color: #000;
	background-image: url('../media/arrow_black.png');
}

/* 
	CALLBOX
*/
div#callbox {
	display: none;
	width: 100%;
	height: auto;
	margin-top: 6px;
	background-color: #e5e6e6;
	position: relative;
}
div#callbox form#callform {
	padding-top: 9px;
	width: 10.625em; /*170px;*/
}
div#callbox div.field {
	height: auto;
	width: 9.25em; /*148px;*/
	margin: 0 6px 7px 6px;
	padding: 4px 5px 4px 5px;
	background-color: #f7f7f7;
	z-index: 0;
}

div#callbox div.field label, div#callbox div.submit label {
	display: block;
	color: #515254;
	font-size: 0.625em; /* 10px */
	line-height: 1.2em; /* 12px */
	font-weight: bold;
}

div#callbox div.field input {
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 16px */
	padding: 1px 0 0 0;
	margin: 4px 0 4px 0;
	width: 14.8em; /*148px;*/
	height: 1.5em; /*15px;*/
	border: 1px solid #afbac6;
	font-family: Verdana, Arial, sans-serif;
}

div#callbox div.submit {
	margin-top: 0.875em; /*14px;*/
	height: 1.25em; /*20px;*/
	width: 100%;
	background-color: #f3f4f4;
}
div#callbox div.submit label {
	float: left;
	margin-left: 5px;
	width: 14.2em; /*142px;*/
	overflow: hidden;
	line-height: 1.8em;
	cursor: pointer;
}
div#callbox div.submit label:hover {
	text-decoration: underline;	
}
div#callbox div.field p.error {
	height: auto;
	line-height: 1.4545em; /* 16px */
}
div#callbox p.success, div#callbox p.fatal {
	height: auto;
	line-height: 1.4545em; /* 16px */
	padding: 0 7px 6px 7px;
}

div#callbox div.wait {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	text-align: center;
}
div#callbox div.wait img {
	position: relative;
	top: 40%;
	
}

/*
	form
*/
div#form form {
	background-image: url('../media/dash.png');
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 2px;	
}
div#form div.field {
	position: relative;
	width: 100%;
	background-image: url('../media/dash.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 2px 0 4px 0;
}

div#form div.field label {
	color: #515254;
	font-size: 0.625em; /* 10px */
	line-height: 1.4em; /* 14px */
	padding: 0.1em 1.6em 0.2em 0;
	font-weight: bold;
	width: 190px;
	display: block;
	float: left;
}

div#form div.field div.bg {
	background-image: url('../media/labelbg.png');
	background-position: left top;
	background-repeat: repeat-y;
	width: auto;
	background-color: #eee;
	overflow: auto;
	padding: 4px 0 4px 0;
}

div#form div.field input, div#form div.field select {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 16px */
	padding: 1px 0 0 0;
	width: 20.4em; /*204px;*/
	height: 1.6em; /*15px;*/
	border: 1px solid #c9c9c9;
	float:left;
}
div#form div.field select {
	height: 1.7em; /*17px;*/
	width: 20.6em; /*206px;*/
}
div#form div.field textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.625em; /* 10px */
	line-height: 1.6em; /* 16px */
	border: 1px solid #afbac6;
	width: 33em; /* 330px */
	height: 5em; /* 50px */
	overflow: auto;
	float:left;
}
div#form div.field input#ccallback {
	width: auto;
	height: 1.6em;
	border: none;
}
#centerCol div#form div.field p {
	font-size: 0.6875em; /* 11px */
	line-height: 1.4545em; /* 16px */
	float: right;
	margin: 4px 4px 0 0;
	width: 345px;
}
div#form p.submit {
	margin-top: 11px;
}
div#form p.submit label {
	cursor: pointer;
}
/*
	KFZFORM
*/

div#form.kfzform form {
	background-image: none;
	padding: 0;
}

div#form.kfzform h3 {
	color:#6c0216;
	font-size:0.6875em;
	font-weight:bold;
	line-height:1.459em;
	padding-bottom:8px;
	margin-top:17px;
	width:100%;
	background-image: url('../media/dash.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

div#form.kfzform h4 {
	width: 100%;
	font-size: 0.6875em; /* 11px */
	line-height: 1.459em; /* ~16px */
	color: #666;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0 0 8px 0;
	background-image: url('../media/dash.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*
	INLINEFOOTER
*/

#centerCol p.inlinefooter {
	position: relative;
	text-align: right;
	font-size: 0.625em; /* 10px */
	line-height: 2.1em; /* 21px */
	height: 2.1em; /*21px;*/
	font-weight: bold;
	background-color: #e5e6e6;
	margin: 17px 0;
}
#centerCol p.inlinefooter label {
	position: absolute;
	right: 3.0em; /*30px;*/
	top: 0;
	display: block;
	color: #515254;
	background-color: #f3f4f4;
	min-width: 10em; /*100px;*/
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
}
#centerCol p.inlinefooter label:hover {
	text-decoration: underline;
}
#centerCol p.inlinefooter img {
	height: 2.1em; /*21px*/
	width: 3.0em; /*30px*/
}
#centerCol p.inlinefooter label a, #centerCol p.inlinefooter label span {
	text-decoration: none;
	color: #515254;
	display: block;
	padding: 0 1.3em; /*0 13px;*/
}

/*
	CONTENT-ELEMENTE
*/

#centerCol div.block h2, #centerCol div#form h2 {
	width: 100%;
	font-size: 0.75em; /* 12px */
	line-height: 1.25em; /* 15px */
	color: #6c0216;
	font-weight: bold;
	margin-bottom: 17px;
}

#centerCol div.block h2.line {
	line-height: 2.8333em; /* 34px */
	height: 2.9166em; /*35px;*/
	background-image: url('../media/dash.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

#centerCol div.block h3 {
	width: 100%;
	font-size: 0.6875em; /* 11px */
	line-height: 1.459em; /* ~16px */
	color: #6c0216;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 17px;
}
#centerCol div.block h4 {
	width: 100%;
	font-size: 0.6875em; /* 11px */
	line-height: 1.459em; /* ~16px */
	color: #666;
	font-weight: bold;
	margin: 12px 0 8px 0;
}

#centerCol div.block p {
	color: #000;
	font-size: 0.6875em; /* 11px */
	line-height: 1.459em; /* ~16px */
	margin-bottom: 8px;
}

#centerCol div.block p em {
	font-style: normal;
	color: #6c0216;
}
#centerCol div.block p strong {
	font-weight: bold;
	color: #6c0216;
}
#centerCol div.block ul {
	list-style: none;
	margin-bottom: 8px;
}
#centerCol div.block ul li {
	margin: 0;
	line-height: 0;
}
#centerCol div.block ul li ul li {
	margin-left: 1em;	
}
#centerCol div.block ul li p { 
	background-image: url('../media/li_dot.png');
	background-repeat: no-repeat;
	background-position: left 0.6em; /*6px;*/
	padding-left: 11px;
	margin: 0;
	overflow: hidden;
	vertical-align: middle;
}
#centerCol div.block ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 8px 0.9375em; /* 15px */
}
#centerCol div.block ol li {
	font-size: 0.6875em; /* 11px */
	margin: 0 0 0 1em;
	padding: 0;
}
#centerCol div.block ol li p {
	margin: 0;
	display: inline;
	font-size: 1em;
	padding: 0;
	line-height: 1.4545em; /* 16px */
}

#centerCol div.block a {
	text-decoration: none;
	color: #6c0216;
	font-weight: bold;
}

#centerCol div.block a:hover {
	text-decoration: underline;
}

#centerCol div.block table td, #centerCol div.block table th {
	vertical-align: top;
	padding-right: 11px;
}

#centerCol div.block img {
	float: left;
	margin: 5px 11px 0 0;
}

#centerCol div.person {
	background-image: url('../media/dash.png');
	background-position: left top;
	background-repeat: repeat-x;
	padding: 20px 0 23px 0;
}
#centerCol div.firstPerson {
	margin-top: 20px;
}
#centerCol div.lastPerson {
	padding-bottom: 0;
}
#centerCol div.person div.border{
	background-image: url('../media/dash.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 23px 0;
}
#centerCol div.person h3 {
	color: #000;
	margin: 0;
	width: auto;
}
#centerCol div.person h4 {
	color: #000;
	margin: 0 0 17px 0;
	font-weight: normal;
	width: auto;
}
#centerCol div.person p {
	margin-bottom: 0;
}
#centerCol div.person p strong {
	color: #000;
}
#centerCol div.person img {
	float: left;
	display: block;
	margin: 4px 28px 0 0;
}
#centerCol ul.sitemap-lvl0 ul {
	margin-bottom: 0;
}
#centerCol ul.sitemap-lvl0 li.lvl0 {
	margin-bottom: 8px;
}