@charset "utf-8";
/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 
/*p {text-align: justify;}*/
/* Allgemeine Selektoren */

html { height: 101%; } 
body {
background-image: url(/uploads/tf/fon.gif);
   color: #000000; 
   background-color: #FFFFFF; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: normal; 
   line-height: 1.5em;  
}
address.links {
text-align: left;
font-size: 100%;
color: #023870;
letter-spacing: normal;
}
p.Naswa {
font-weight: bold;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #023870; } 
a:visited { color: #023870; }
a:hover, 
a:focus { 
border-bottom: 1px solid #023870;
}
a:active { 
   color: #CC9900; 
}
/* Allgemeine Klassen und IDs */
.logo{
color:#000000;
background-color: #e0f1f1;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0;
	background-color: #eee
}
h3.datum {
margin: 1em 0 0 0;
padding: 0;
color: #003366;
font-weight: bold; 
}
/* ==================================== 
   2. Styles fUEr die  Layoutbereiche 
   ==================================== */
#kopfbereich {
color:#000000;
background-color: #e0f1f1;
}
#navibereich {
float: left;
width: 100%;
background: url(/uploads/tf/bg_nav.jpg) no-repeat;
padding: 0;
text-align: right;
}
#navibereich ul {
margin-bottom: 0;
margin-left: 191px;
}
#navibereich li {
/*display: inline;*/
float: left;
width: auto;
list-style-type: none;
margin: 0;
border-top: 1px solid #000;
}
#navibereich a {
display: block;
color: #CCCC00;
font-weight: bold;
background-color: #d4ffff;
padding: 5px 31px 5px 30px;
border-left: 1px solid #000000;
border-bottom: 1px solid #000;
}
#navibereich a#current {
color:#FFFFFF;
background-color: #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}
#navibereich li.kontakt {
width: 125px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navibereich li.kontakt {width: 121px;}
}
@media screen and (-op-min-version:9.0) and (-op-max-version:9.1),screen and (-moz-min-version:20050608)
{#navibereich li.kontakt {width: 125px;}}/* Rules for only Opera 9.0x or browsers with Gecko engine dated 2005-06-08 or newer */
#navibereich a:hover,
#navibereich a:focus {
color:#FFFFFF;
background-color: #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}
#navibereich a:active {
color:#FFFFFF;
background-color: #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}
#untermenu {
clear: both;
background-color: #a0a0a0;
line-height: 18px;
width: 955px;
}
.crumb {
margin-left: 40px;
}
.date{
margin-left: 5px;
font-size: 90%;
font-weight: bold;
color: #023870;
}
div#wrapper {
	width: 955px;
	margin: 0 auto;
}
#columnWrapper {
	background-image: url(/uploads/tf/container_bg.gif);
	background-repeat: repeat-y;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#center {
	width: 555px;
	float: left;
}
#leftColumn {
	width: 195px;
	float: left;
}
#rightColumn {
	width: 205px;
	float: left;
}
div#center .content {
	padding: 0px;
	margin: 5px 5px 0 5px;
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: #eeeeee;
}
 
div#center .content p {
padding: 5px;
}
#leftColumn .content {
	padding: 25px 10px;
	font-size: 0.75em;
	line-height: 1.5em;
}
#rightColumn .content {
	padding: 25px 10px;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: right;
}
#rightColumn .content .druck {
text-align: right;
color: #023870;
font-weight: bold;
}
.druck img {
margin-right: 6px;
}
#naviright li{
list-style-type: none;
}
#naviright li a {
color:#000000;
font-size: 130%;
font-weight: bold;
}
#naviright a#currenti{
color: #ffffff;
}
#us {
text-align: left;
font-size:85%;
padding: 0 5 0 5;
margin-left: 10px;
position: absolute;
}
#us .first{
margin-left:8px;} 
#footer {
position: relative;
	color: #023870;
	padding: 0px;
	margin: 0;
	font-size: 85%; /*none*/
	clear: both;
	background-color: #d4ffff;
}
#footernavi {
text-align: center;
color: #023870;
padding-top: 1px; 
}
#footernavi ul{
margin: 0;
}
#footernavi li {
display: inline;
list-style-type: none;
margin: 0;
}
#footernavi a {
color: #023870;
font-size: smaller;
}
#footernavi a#currento {
color: #CC9900;
}
.tec {
font-weight: bold;
}
#footer a:link {color: #023870;}
#footer a:visited {color: #023870;}
#footer a:hover,#footer a:focus {
color: #023870;
font-weight: bold;
border-bottom: none;
}
#footer a:active { 
   color: #CC9900; 
}
.latest {
margin-top: 5px;
}
.csc-textpic-imagewrap {
background-color: #eeeeee;
}

/*************************************/
#mailform
{
margin-top: 0px;
color: #023870;
}

.csc-mailform {
	background-color:#dbdbdb;
	border: 1px solid #000000;
	margin-top: 0px;
}

.csc-mailform-forum {
	background-color: #fff5e5;
	border: 1px solid #4579C2;
}

.csc-mailform-field {
	display: block;
	margin: 10px;
	padding: 10px;
}

.csc-mailform label, .csc-mailform-forum label{
	display: block;
	width: 130px;
	float: left;
	text-align: right;
	margin: 2px 5px;
	padding:0;
}


.csc-mailform input, .csc-mailform textarea, .csc-mailform-forum input, .csc-mailform-forum textarea{
	font-family: Verdana,Arial,Helvetica;
	color: #000000;
	background-color: #e0f1f1;
	border: 1px solid #000000;
	width: 335px;
	padding: 2px 4px;
	font-size: 100%;
}

.csc-mailform input.csc-mailform-submit{
	float: right;
	width: 80px;
	cursor:hand;
	margin-right: 10px;
	margin-bottom: 10px;
}

.csc-mailform input.csc-mailform-submit:hover{
	background-color:#CC9900;
	border: 1px solid white;
	color: white;
}
/***********************************************/
h3.csc-firstHeader {
padding-top:15px;
padding-left: 5px;
}

/***********************************************/
#produktauswahl {
color: #023870;
}
.csc-produktauswahl {
background-color:#dbdbdb;
border: 1px solid #000000;
}
.csc-produktauswahl-field {
display: block;
margin: 5px;
padding: 5px;
}
.csc-produktauswahl label {
display: block;
width: 130px;
float: left;
text-align: right;
margin: 2px 5px;
padding:0;
font-weight: bold;
}
.csc-produktauswahl select {
font-family: Verdana,Arial,Helvetica;
color: #000000;
background-color: #e0f1f1;
border: 1px solid #000000;
width: 345px;
padding: 2px 4px;
font-size: 100%;
}
.csc-produktauswahl-field .wort {
font-family: Verdana,Arial,Helvetica;
color: #000000;
background-color: #e0f1f1;
border: 1px solid #000000;
width: 335px;
padding: 2px 4px;
font-size: 100%;
}
.csc-produktauswahl-submit {
background-color: #e0f1f1;
border: 1px solid black;
color: black;
float: right;
width: 90px;
cursor:hand;
margin-right: 37px;
margin-bottom: 10px;
}
.csc-produktauswahl-submit:hover {
background-color:#CC9900;
border: 1px solid white;
color: white;
}
/***********************************************/
.fund-item hr.clearer {
clear:left;
}
.fund-item {
/* IE hack */
height: 1%;
line-height: 1.3;
/* IE hack end */
padding: 3px;
margin: 3px;
border:1px solid #666;
background-color:#DFF1F1;
}

.fund-item IMG {
margin-bottom:5px;
margin-right:5px;
border:1px solid #666;
float:left;
}
.fund-morelink {
font-size: 110%;
height:12px;
}
/****************************************************/
.einzel-item hr.clearer {
clear: both;
color:#DFF1F1;
background-color: #DFF1F1;
border: 1px solid #DFF1F1;
}
.einzel-item {
/* IE hack */
height: 1%;
line-height: 1.3;
/* IE hack end */
padding: 3px;
margin: 3px;
border:1px solid #666;
background-color:#DFF1F1;
}

.einzel-item IMG {
margin-bottom:5px;
margin-right:10px;
border:1px solid #666;
}
.einzel-item .fragen {
font-size: 110%;
}
.einzel-details .details {
color: #023870;
font-weight: bold;
}
.einzel-schluesselwoerter {
margin-bottom: 15px;
}
.einzel-schluesselwoerter .schlwort {
color: #023870;
font-weight: bold;
}
.TDET {
margin-top: 15px;
margin-bottom: 15px;
}
.beschreibung {
margin-top: 15px;
margin-bottom: 15px;

}
.einzel-item h3 {
margin-top: 15px;
margin-bottom: 25px;
}
.fragen {
width: 110px;
float: right;
margin-right: 15px;
margin-bottom: 15px;
}

/**************************************/
.csc-sitemap{
margin-left: 40px;
padding-bottom: 600px;
}
/******************************/
ul.aufz {
margin-left: 10px;
margin-right: 5px;
}
/*****Table*****/

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: #d4ffff;
border-collapse: collapse;
border: 1px solid #4579C2;
}
caption {
font-size: 120%;
font-weight: bold; 
color: black;
padding: 1em;
padding-left: 0;
}
td {
padding: 0.1em;
border: 1px solid #666666;
}
.td-0 {
background: #d4ffff;
}
.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, td {
background-color: #e0f1f1;
border:1px solid #666;
}
TH {
padding: 0.1em;
border: 1px solid #666666;
background-color: #CCCC00 ! important;
font-family: Georgia, "Times Roman", serif; 
font-size: 110%;
font-variant: small-caps; 
letter-spacing: 2px; 
font-weight: normal; 
}
table p {
margin-bottom: 0;
}
.col {
background: #d4ffff;
}
