/*
Coding: Bert Riecken 
contact: http://www.tonbildtext.de/
*/


/* Farben
Lila: #333367 
Hellblau: #588ACC
Hellerblau: #85A0BB
Dunkelblau: #003366
Blau: #3E6290
Türkis: #7CAEE1
Rot: #A52A2A;
Hellgrau: #F8FCFF 
Dunkelorange: #CC6600
Kirsche: #A52A2A
Dunkelgrau: #333333
*/

body{
	margin:0px 0px 0px 0px;
	font-size:10pt;
	font-family: Helvetica, Arial, Geneva, Verdana, sans-serif, Times New Roman;
	background-color: #333333;
	color:#000000;
	padding: 0;
	background-image:url(../images/bg-verlauf-2.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
	text-align: center; /* only IE */
	/* behavior: url("../../css/csshover.htc");	  only IE: Hover-Erweiterung für alle Elemente */
}

/* Anker */

a{
	color:#666666;
	font-weight:bold;
	text-decoration:none; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
a:hover {
	color:#999999;
}
.col_title {
	color: #ffffff;
	background-color: #aaaaaa;
	background-image: url(../images/bg_menuehead_grau_1.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.col_nav {
	background-color: #FFFFFF;
}
.col_nav2 {
	background-color: #FFFFFF;
}
div#nav li a {
	color: #426592;
}
div#nav li a:hover {
	color: #000000;
	background-color: #CDE2F6;
}
.men_active {
	color: #000000;
	background-color: #E3EDFD; 
}
div#nav li.men_active a {
	color: #333333;
}
div#nav li.men_active a:hover {
	color: #333333;
	background-color: #CDE2F6;
}
.col_menlnk:hover {
	background-color: #CDE2F6;
}
.col_info {	
	color: #E9E9E9;
	background-color: #426592;
}
.col_hint {
	color: #F0ADAD;
}
.col_hint_large {
	color: #E9E9E9;
}
.col_hint_small {
	color: #3E6290;
}
.col_right_object {
	background-color: #FFFFFF;
}
.col_search_text {
	background-color: #ffffff;
}


.introlink {
color:#333333;
}
.introlink:hover {
color:#FFFFFF;
}
.footer {
font-weight:normal;
text-decoration:none; 
font-size: 8pt;
}

.footer a {
text-decoration:none; 
font-size: 8pt;
}

/* Image */

img{
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
img.right{
border:none;
margin:0px 0px 12px 12px;
float: right;
}
img.left{
border:none;
margin:0px 12px 12px 0px;
float: left;
}
img.black{
border: 2px solid gray; 
vertical-align:middle;
}

img.white{
border: medium solid #FFFFFF; 
vertical-align:middle;
}

img.nobd{
border:none;
vertical-align:middle;
}

/* Überschriften */

h1{
font-family:Helvetica,Arial,Verdana,Tahoma,Zurich Ex BT,Times New Roman;
font-size:12pt;
font-weight:bold;
margin-left:0;
margin-right:0;
margin-top:1.0em;
margin-bottom:0.5em;
color: #334E71;
}

h2{
font-family:Helvetica,Arial,Verdana,Tahoma,Zurich Ex BT,Times New Roman;
font-size:10pt;
font-weight:bold;
margin-left:0;
margin-right:0;
margin-top:1.0em;
margin-bottom:0.5em;
color: #334E71;
}

h3{
font-family:Helvetica,Arial,Verdana,Tahoma,Zurich Ex BT,Times New Roman;
color:#660033;
text-decoration:none;
font-size:12pt;
}

h4{
font-family:Helvetica,Arial,Verdana,Tahoma,Zurich Ex BT,Times New Roman;
color:#660033;
text-decoration:none;
font-size:10pt;
}

/* Sonstiges */

FORM{
border:none;
margin:0;
padding:0;
margin-left:0;
margin-right:0;
margin-top:2px;
margin-bottom:2px;
}

applet{
border: ridge #000000 3px; 
border-width: medium
}

applet.nobd{
border:none;
}

font{
font-size:10pt;
font-family:Verdana,Arial,Helvetica,sans-serif,Times New Roman;
color:black;
text-decoration:none;
}

.pt6{font-size:6pt}
.pt7{font-size:7pt}
.pt8{font-size:8pt}
.pt9{font-size:9pt}
.pt10{font-size:10pt}
.pt11{font-size:11pt}
.pt12{font-size:12pt}
.pt13{font-size:13pt}
.pt14{font-size:14pt}
.pt15{font-size:15pt}
.pt16{font-size:16pt}
.pt17{font-size:17pt}
.pt18{font-size:18pt}

p {
font-size:10pt;
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif, Times New Roman;
padding:0px 0px 0px 0px;
margin-left:0;
margin-right:0;
margin-top:0.2em;
margin-bottom:0.6em;
}

.helptext{font-size:10pt; color:#006400;}
.linktext{font-size:10pt; font-weight:bold;}
.mark{font-weight:bold; color:#333333;}
.warning{color:red; font-weight:bold;}
.headline{
font-size:12pt;
font-weight:bold;
margin-left:0;
margin-right:0;
margin-top:1.0em;
margin-bottom:0.5em;
}
.headline12{
font-size:12pt;
font-weight:bold;
margin-left:0;
margin-right:0;
margin-top:1.0em;
margin-bottom:0.5em;
}
.headline10{
font-family: Helvetica, Arial, Geneva, Verdana, sans-serif, Times New Roman;
font-size:10pt;
font-weight:bold;
margin-left:0;
margin-right:0;
margin-top:1.0em;
margin-bottom:0.5em;
}
.teaser{font-size:16pt;color:#333333;}
.whitesmall {font-size:8pt; color:#FFFFFF; font-weight:normal;}
.blacksmall {font-size:8pt; color:#000000; font-weight:normal;}

li{font-size:8pt;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

span.bold{font-weight:bold}

span.white{color:white}
span.black{color:black}
span.blue{color:#333399}
span.lightblue{color:lightblue}
span.darkblue{color:darkblue}
span.lila{color:#330066}
span.zimt{color:#660033}
span.red{color:red}
span.orange{color:#FF6633}
span.green{color:green}
span.lime{color:lime}
span.yellow{color:yellow}
span.gold{color:gold}
span.gray{color:gray}
span.header{color:gray}
span.right{text-align:right}
span.silver{color:silver}
span.lightgray{color:lightgrey}

pre {
font-family:Verdana,Arial,Helvetica,sans-serif,Times New Roman;
text-decoration:none;
}

#infotext {
font-size:8pt;
color:#666666;
font-weight:bold;
text-decoration:none; 
}

.infotext2 {
font-size:8pt;
color:#666666;
font-weight:bold;
text-decoration:none; 
}

.infotext {
font-size:8pt;
color:#666666;
font-weight:normal;
text-decoration:none; 
display: none;
}
#bodybox {
	width: 100%;
	clear:left;
	text-align: center;
	margin-top: 8px;
}
#innerbody {
	width:980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 10px;
}
div#bodytop {
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	width:980px;
}
div#bodybottom {
	float: left;
	background-color: #3B4A5F;
	background-image:url(../images/bg-verlauf-1.jpg);
	height:auto;
	min-height: 640px;
	background-repeat:repeat-x;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	padding-top:4px;
	width: 980px;
	border-top: #AAAAAA solid 1px;
	border-right: #666666 solid 1px;
	border-bottom: #333333 solid 1px;
	border-left: #333333 solid 1px;
}
.box_border {
	clear: left;
	height: 2px;
	font-size: 0em;  /* Explorer macht sonst height des DIV auf Fontsize */	
	background-position: top;
	background-repeat: no-repeat;
}
div#footerborder {
	width: 100%;
	background-color: #3E6290;
	position: relative;
	float: left;
	clear: left;
	border-top: #FFFFFF solid 1px;
	vertical-align: bottom;
}
.footersmaller {
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	margin-left: 10px;
}

/***********************************************/
/* Header styles                         
/***********************************************/ 

div#masthead{
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 64px;
	width: 980px;
	color: #000000;
	background-color:#FFFFFF;
	border-left: #333333 solid 1px;
	border-right: #333333 solid 1px;
}
#masthead_left {
	float: left;
	clear:left;
	display:inline;
	width: 220px;
	height: 40px;
	font-size: 0em;  /* Explorer macht sonst height des DIV auf Fontsize */	
	margin-left: 4px;
	background-position: left -1px;
	background-repeat: no-repeat;
	background-image:url(../images/tonbildtext_nobd.gif);
}
#masthead_right {
	float: left;
	display:inline;
	margin-left: 0px;
	color: #000000;
	width: 752px;
	height: 40px;
	font-size: 8pt;  /* Explorer macht sonst height des DIV auf Fontsize */	
	background-position: left;
	background-repeat: no-repeat;
	background-image:url(../images/bg_head.jpg);
}
#masthead_right .object {
	float: left;
	display:inline;
	margin-left: 0px;
	margin-top: 12px;
	color: #000000;
	width: 752px;
	height: 16px;
	font-size: 8pt;  /* Explorer macht sonst height des DIV auf Fontsize */	
}
.balken_oben {
	float: left;
	clear:left;
	display:inline;
	overflow: hidden;
	height: 12px;
	width: 980px;
	background-image: url(../images/bg_menuehead_grau_3_o.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: #333333 solid 1px;
	border-bottom: #666666 solid 1px;
}
.balken_unten {
	float: left;
	clear:left;
	display:inline;
	overflow: hidden;
	height: 12px;
	width: 980px;
	background-image: url(../images/bg_menuehead_grau_3_u.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: #666666 solid 1px;
	border-bottom: #333333 solid 1px;
}
/***********************************************/
/* Menu styles                         
/***********************************************/ 

#menubox_left{
	margin-bottom:16px;
	width: 200px;
	clear: left;
	background-color:#999999;
}
.menubox_title {
	clear: left;
	padding: 5px 0px 0px 9px;
	height: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border-top: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
}
	
div#nav {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	clear: left;
	padding-bottom: 0px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	padding-bottom:0px;
}
div#nav ul {
	margin: 0;
	padding: 0;
}
div#nav li {
	display: block;
	list-style: none;
	border-bottom: #314F75 solid 1px;
}
div#nav li.submenue .subhead_visible {
	background-image: url(../img/arrow_right_w.gif);
	background-position:right;
	background-repeat: no-repeat;
	border-bottom: #314F75 solid 1px;
}
div#nav li.submenue .subhead_hidden {
	background-image: url(../img/arrow_down_w.gif);
	background-position:right;
	background-repeat: no-repeat;
}
div#nav li.subitem {
	/* border-left: #33547D solid 1px; */
}
div#nav li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 6px 0 6px 9px;
	width: 189px;
}
div#nav li a:hover {
	display: block;
	width: 189px;
}
div#nav ul ul a {
	display: block;
	width: 175px;
}

div#nav ul.level1 li.submenue ul.level2 {
	margin: 0 0 0 1em;
	padding-top: 0px; 
	width: 186px;
}
div#nav ul.level1 li.submenue:hover ul.level2 { /* ??? */
	display:block;
}
div.nav2_visible { 
	padding-bottom: 4px;	/* untermenue sichtbar */
}
div.nav2_hidden {
	padding: 0;				/* untermenue verborgen */
	display:none;
}
/***********************************************/
/* Searchbox styles                         
/***********************************************/ 

div#searchbox {
	position: relative;
	margin-left: 0px;
	margin-bottom: 16px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	background-color:#999999;
	width: 200px;
	clear: left;
}

.searchform {
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	width: auto;
}
.searchform form{
	padding: 2px 0em 2px 2px;
	margin:0px;
}
.searchformselect {
	width : 196px;
	color : #0C3F1F;
	font-weight : normal;
	font-size : 7pt;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0px;
	padding:0px;
}
.searchforminput {
	width : 130px;
	color : #0C3F1F;
	background-color : #FFFFFF;
	font-weight : normal;
	font-size : 0.8em;
	margin: 0px;
	padding: 0px;
}
.searchformbutton {
	color : #7C9DE1;
	border : 0 none;
	font-size : 93%;
	margin: 0px;
	padding: 0px;
}
.searchformbutton:hover {
	color: #333333;
	cursor: pointer;
}
/***********************************************/
/* Link styles                         
/***********************************************/ 

a{
	color: #426993;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}
a.strong {
	font-weight: bold;
}
.more_txt {
	padding: 0px 1.5em 0px 0px;
	margin-top: 1.5em;
	background-image:url(../img/dblarrowtransp.gif);
	background-repeat:no-repeat;
	background-position: right 3px;
}
img {
	border: none;
}
img.more_arrow { 
	top:2px; 
	margin-top: 3px;
}
.acronym {
	cursor: help;
	border-bottom: 1px dotted #000000;
}
ul .arrow {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
ul li.arrow {
	list-style-image: url(../img/list.gif);
}

/***********************************************/
/* Left Box - Design styles                             
/***********************************************/ 

div#leftbox {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 4px;
}

/***********************************************/
/* Content Box - Design styles                             
/***********************************************/ 

div.content_3box {
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	width: 566px;
	padding-bottom: 20px;
}
div.content_2box {
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	width: 768px;
}
.content{
	clear: left;
	float: left;
	color: #000000;
	width: 100%;
	margin-bottom: 20px;
	height: auto;
	min-height: auto;
	background-color:#FFFFFF;
}
.innercontent {
	float: left;
	clear: left;
	color: #000000;
	border-top: none;
	border-right: #333367 solid 1px;
	border-left: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
}
div.content_3box .innercontent {
	width: 564px;
}
div.content_2box .innercontent {
	width: 766px;
}

div.content_info {
	margin: 0;
	padding: 5px 0px 0px 5px;
	font-size: 8pt;
	height: 18px;
	font-weight: bold;
	background-image: url(../images/bg_menuehead_grau_2.gif); 
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
}
div.info_full {
	width: 100%;
}

.content_head {
	float: left;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 0.5em;
}
.content_hint {
	position: relative;
	float: right;
	clear: left;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0;
	padding: 4px 10px 4px 0px;
}
.content_title {
	padding: 0px 0px 0px 0px;
	float: left;
	clear: left;
}
.content_text {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	padding: 0px 10px 16px 10px;
	white-space: normal;
	clear: left;
	background-color:#FFFFFF;
}
.totop {
	clear: left;
	float: right;
	padding:0 16px 0 0px;
	margin: 1em 0 1em 0px;
	background-image:url(../img/arrow_up_b.gif);
	background-repeat:no-repeat;
	background-position: right 1px;
}
.totop a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}

/***********************************************/
/* Rigth Box - Design styles                             
/***********************************************/ 

#right {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	float: left;
	margin: 0px 0px 0px 4px;
	padding: 0;
	width: 198px;
}
.rightbox {
	float: left;
	margin: 0px 0px 0px 0px;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	margin-bottom: 16px;
	width: 198px;
	background-color:#999999;
}

.right_header {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 5px 6px 0px 9px;
	height: 18px;
	border-bottom: #333367 solid 1px; 
	border-top: #333367 solid 1px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
}
.right_text {
	clear: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	white-space: normal;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
}
.right_pic {
	clear: left;
	float: left;
	color: #333333;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: #333367 solid 1px;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	overflow:hidden;
	width: 196px;
	height: 250px;
}
.googlepic {
	margin: 0px 0px -4px 0px; 
	padding: 0;
}
.embedded {
	margin: 0;
	padding: 0;
	border: none;
}
.right_object {
	position: relative;
	clear: left;
	color: #FFFFFF;
	text-align: center;
	padding: 0px 0px 0px 0px;
	white-space: normal;
	border-left: #333367 solid 1px;
	border-right: #333367 solid 1px;
	border-bottom: #333367 solid 1px;
	
}

/***********************************************/
/* Flash Player for BG-Sound                           
/***********************************************/ 

.background-player {
	margin:-5px 10px 0px 0px; 
	padding:0px; 
	float:right;
}
.background-player-hint {
	float:left;
	padding:4px 0px 0px 0px;
}
.tx-rbflashobject-pi1-swf_altcontent {
	margin:0px 0px 0px 0px; 
	padding:0px; 
	float:right;
}

.faqtable {

}
.faqtable pre {font-family: "Courier New", Courier, monospace, sans-serif; font-size: 12px; background-color: #DFDFDF; border: thin #CCCCCC solid; padding: 4px 2px 4px 2px; width: auto;}
.faqtable.pre {font-family: "Courier New", Courier, monospace}
.faqtable {width: 600px; margin-bottom: 12px;}
.faqtable .header {font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000033; }
.faqtable th {font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: left; width: 48pt;}
.faqtable td {font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 12px; font-weight: normal; text-align: left;}
.faqtable ol {margin-left: 0px;}
.faqtable li {text-indent: 6px;}