/*
Code by dCTRL
-
dCTRL - INTERACTIVE MEDIA & MOTION GRAPHICS GMBH
Konradstrasse 17, CH-8005 Zurich, Switzerland
Tel. 01-271 9828, Fax. 01-271 9829, info@dctrl.com, www.dctrl.com
-
Copyright © 2000-2004 dCTRL - Switzerland. All Rights Reserved.
All content from this site may not be reproduced without prior written permission.
All characters, titles and plublication names on this site are the intellectual property 
of their respective owners/creators.
*/


/* ------------------- BASIS FORMATIERUNG -------------------------------------- */

html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-align: center;
	border: 0px none;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-align: center;
	border: 0px none;
	background-color: #6B6B6F;
	min-height: 101%;
}

html,body {
	height: 100%;
	color: #000000;
}

img, a img, a, form, input { 
	margin: 0px; 
	padding: 0px; 
	border: 0px none; 
}

table { 
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px; 
	border: 0px none;
}

/* ------------------- COLORS -------------------------------------- */

.farbe_weiss {
	background-color: #FFFFFF;
}

.farbe_dunkelblau {
	background-color: #8CB1DE;
}

.farbe_hellblau {
	background-color: #AFC8E8;
	line-height: 100%;
}
.farbe_grau {
	background-color: #6B6B6F;
	line-height: 100%;
}

/* ------------------- SPACES -------------------------------------- */

.spacer_trans {
	width: 100px;
	height: 10px;
	margin: 0px ;
	padding: 0px;
}

.spacer_tbl {
	width: 15px;
	height: 15px;
	margin: 0px ;
	padding: 0px;
}

.spacer_nav {
	width: 165px;
	height: 5px;
	margin: 0px ;
	padding: 0px;
}

.spacer_subnav {
	width: 165px;
	height: 10px;
	margin: 0px ;
	padding: 0px;
}

#leftalign {
	float: left;
	margin: 0px ;
	padding: 0px ;
}

#rightalign {
	float: right;
	margin: 0px ;
	padding: 0px ;
}
/* ------------------- TABELS -------------------------------------- */
#tblContainer {
	width: 770px;
}
#tblLeft {
	width: 165px;
	background-color: #AFC8E8;
	line-height: 100%;
}
#tblCenter {
	width: 455px;
	background-color: #FFFFFF;
}
#tblRight {
	width: 150px;
	background-color: #FFFFFF;
}
/* ------------------- HEADER -------------------------------------- */
#header {
	width: 770px;
	height: 50px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 30px;
}
html>body #header {height: 30px;}

/* ------------------- SERVICES -------------------------------------- */
#service {
	width: 770px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 30px;
}
html>body #service {height: 30px;}

#service a {
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 20px;
	text-decoration: none;
}

#service a:hover { 
	color: #C6D132;
}

#service .servicehome a {
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

#service .servicehome a:hover { 
	color: #C6D132;
}

#service .selected {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #C6D132;
	margin: 0px 0px 0px 20px;
}

#service input{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF; 
	border:1px #FFFFFF solid; 
	margin: 0px 5px 0px 0px;
	width: 113px;
	height: 18px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 111px;
	height: 16px;
}
html>body #service input {height: 16px; width: 111px;}

/* ------------------- NAVIGATION -------------------------------------- */

#navigation {
	width: 770px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align: center;
	text-transform: uppercase;
	background-color: #8CB1DE;
	/* --------------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 13px;
}
html>body #navigation {height: 13px;}

#navigation a {
	color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	background-color: #8CB1DE;
	text-decoration: none;
}

#navigation a:hover {
	color: #6B6B6F;
}

#navigation .selected {
	color: #6B6B6F;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	background-color: #8CB1DE;
}

/* ------------------- LEFT : SUB-NAVIGATION -------------------------------------- */

#subnavigation {
	width: 165px;
	margin: 0px ;
	padding: 10px 0px 20px 0px;
	background:#8CB1DE;
}

#subnavigation td {
	background:#8CB1DE;
}

A.Subnav:link {
	color: #6B6B6F;
}

A.Subnav:visited, A:active {
	color: #6B6B6F;
}

A.Subnav:hover { 
	color: #FFFFFF;
}

A.SubSubnav:link {
	text-decoration: none; 
color: #FFFFFF;
}

A.SubSubnav:visited, A:active {
	text-decoration: none; 
}

A.SubSubnav:hover {
	text-decoration: underline;
}


/* ------------------- CENTER -------------------------------------- */
#center {
	width: 455px;
	margin: 0px;
	padding: 5px 20px 20px 20px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 415px;
}
html>body #center {width: 415px;}

#center p {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}

#center a {
	color: #799BC5;
	text-decoration: none;
}

#center a:hover { 
	text-decoration: underline;
}

#center ul{
	list-style-type: disc;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#center ul li {
	padding: 0px;
	line-height: 150%;
}

#center ol{
	list-style-type: decimale;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#center ol li {
	padding: 0px;
	line-height: 120%;
}

#centerupdate {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 10px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

#centerprintheader {
	border-bottom: 1px solid #999999;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}

#centerprintfooter {
	border-top: 1px solid #999999;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 40px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

#centerservice {
	width: 415px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

#centerservice a {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.icon_print {
	background:   url("../images/icon_print_de.gif") no-repeat 0px 2px;
	margin: 0px ;
	padding: 0px 0px 0px 19px;
}

.icon_mail {
	background:   url("../images/icon_mail_de.gif") no-repeat 0px 2px;
	margin: 0px ;
	padding: 0px 0px 0px 16px;
}

.icon_top {
	background:   url("../images/icon_top_de.gif") no-repeat 0px 2px;
	margin: 0px ;
	padding:  0px 0px 0px 5px;
}

#center input{
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF; 
	border:1px #AFC8E8 solid; 
	margin: 0px 0px 5px 0px;
	width: 200px;
	height: 25px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 198px;
	height: 18px;
}
html>body #center input {height: 18px; width: 198px;}

#center textarea {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF; 
	border:1px #AFC8E8 solid; 
	margin: 0px 0px 15px 0px;
	width: 410px;
	height: 65px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 408px;
	height: 50px;
}
html>body #center textarea {height: 50px; width: 408px;}

.centercheckbox {
	width: 20px;
	height: 20px;
	margin: 0px, 0px, 0px, 0px;
	border: 0px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 20px;
	height: 20px;
}
html>body #center .centercheckbox {height: 20px; width: 20px;}

.centerradio {
	width: 20px;
	height: 20px;
	margin: 0px, 0px, 0px, 0px;
	border: 0px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 20px;
	height: 20px;
}
html>body #center .centerradio {height: 20px; width: 20px;}

.centerbutton {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold !important;
	color: #FFFFFF !important;
	background-color: #AFC8E8 !important; 
	border:1px #AFC8E8 solid !important; 
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 25px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 198px;
	height: 18px;
}
html>body #center .centerbutton {height: 18px; width: 198px;}


/* ------------------- RIGHT : BOX A & B -------------------------------------- */

/* ------ BOX A ----- */
#infoboxA {
	width: 150px;
	margin: 0px ;
	padding: 6px 0px 20px 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	color: #FFFFFF;
	background:#8CB1DE;
}

#boxA {
	padding: 0px 10px 0px 10px;
}

#boxA td {
	background:#8CB1DE;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	color: #FFFFFF;
}

#boxA td a {
	color: #6B6B6F;
	text-decoration: none;
}

#boxA td a:hover { 
	color: #FFFFFF;
}

#boxA td p {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 150%;
	color: #FFFFFF;
}

#boxA td ul{
	list-style-type: disc;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}

#boxA td ul li {
	padding: 0px;
	line-height: 120%;
}

#boxA td ol{
	list-style-type: decimal;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}

#boxA td ol li {
	padding: 0px;
	line-height: 120%;
}

/* ------ BOX B ----- */
#infoboxB {
	width: 150px;
	margin: 10px 0px 0px 0px ;
	padding: 6px 0px 20px 0px;
	background: #C6D132;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	color: #FFFFFF;
}

#boxB {
	padding: 0px 10px 0px 10px;
}

#boxB td {
	background:#C6D132;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	color: #FFFFFF;
}

#boxB td a { 
	color: #6B6B6F;
	text-decoration: none;
}

#boxB td a:hover { 
	color: #FFFFFF;
}

#boxB td p { 
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height: 150%;
	color: #FFFFFF;
}

#boxB td ul{
	list-style-type: disc;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}

#boxB td ul li {
	padding: 0px;
	line-height: 120%;
}

#boxB td ol{
	list-style-type: decimal;
	margin: 0px;
	padding: 0px 0px 0px 21px;
}

#boxB td ol li {
	padding: 0px;
	line-height: 120%;
}
/* ------------------- SEARCH --------------------------------- */
#navspacer {
	/*width: 165px;*/
	height: 150px;
}
#boxAspacer {
	/*width: 130px;*/
	height: 150px;
}
#boxBspacer {
	/*width: 130px;*/
	height: 150px;
}
#searchresult {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	padding: 0px 0px 20px 0px;
}
#searchresult a {
	font-weight: bold;
}
/* ------------------- FOOTER --------------------------------- */
#footer {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	width: 770px;
	height: 30px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	/* ---------------- */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 25px;
}
html>body #footer {height: 25px;}

#footer a {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover { 
	text-decoration: underline;
}
