/* Quellcodeanzeige */
*
{
margin: 0;
padding: 0;
}

#bg
{
background: #2878c6 url(../images/banner_back.jpg) repeat-x;
}

html, body 
{ 
	background:#CCE6FF; width:100%; height:100%;
}

body
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	line-height: 1.1; 
	margin:0;
	padding:0;
}

p 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	line-height: 1.1; 
	margin:0;
	padding:0;
	color: #000; 
}

td a
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	margin:0;
	padding:0;
	color: #000; 
}
 /* Container, der das Logo enthält */

#header 
{
	 /* text-align:left; */
	 left:0;
	 top:0;
	 width:100%;
	 height:80px;
	 background-color:#ccE6FF;
	 z-index:4;
	 background-image: url(../images/oben.jpg);
	 background-repeat:repeat-x;
	 background-position: bottom left;
	 line-height: 1.1; 
 }
 
#rahmen 
{ 
	padding-top:18px;
	padding-left:10px;
} 

#menu 
{ 
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	/* border: 1px dashed olive; */
	right: 1.375em; 
	top: 1.0em;
}

#menu * 
{ 
	font-size: 80%; /* 11px */ 
	font-weight: 600;
	/* border: double 1px red; */
}

#menu * * 
{ 
	font-size: 101%; 
}

#menu a 
{
	color: #1E5A94; 
	display: block;
	float: left;
	margin-right: 1.6em; 
	text-decoration: none;
	right: 1.375em; 
	top: 1.0em; 
}

#menu a:hover
{
	color:#000000;
}

/*---- suchfeld oben ----*/
#search_area 
{ 
	position: absolute; 
	right: 1.25em; 
	/*top: 0.6em;*/ /* 30px */ 
	top: 1.1em; /* 30px */ 
}

#search_area * 
{ 
	font-size: 68.75%; /* 11px */ 
}

#search_area * * 
{ 
	font-size: 100%; 
}

#search_area input 
{ 
	background: #ffffff; 
	border: 1px solid #000; 
}

#search_area .textfield 
{ 
	padding-left: .2em; 
	width: 11em; 
}

#search_area .btn 
{ 
	color: #000; 
}

/*  MAIN NAVIGATION AREA WITH SERVICE AREA
------------------------------------------------------------------------------*/
#main_nav_area 
{ 
	background: #DDDDDD; 
	/*height: 4.125em; */
	position: absolute;
	width:100%;
	height:100%;
}

#main_nav_area *
{ 
	font-size: 99%; 
}

#main_nav 
{ 
	margin: 0; 
	padding-left: 0em; 
}

#main_nav 
{ 
	display: inline; 
}

#main_nav a 
{ 
	color: #ff00ff; 
	float: left; 
	margin: 0 0em; 
	padding: 0 0; 
	text-decoration: none; 
}

#main_nav a.act,
#main_nav a.cur,

#main_nav a.act,
#main_nav a.cur,
#main_nav a.actifsub,
#main_nav a.curifsub 
{ 
background: url(../img/icon_nav_act.gif) no-repeat 0 .4em; 
color: #cfccbf; 
}

/*---- ------------------------------- ----*/

#tabs
{
	list-style: none;
	text-align:right;
	z-index: 800;
 	padding:0px;

}

#tabs li
{
	float: left;
	padding-right: 10px;
}
#tabs li a
{
	display: block;
	float: left;
	/*height: 40px;*/
	height: 50px;
	line-height: 50px;
	padding: 0 6px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#tabs li a:hover
{
	background-color:#aaaaaa;
}

#tabs li a.active
{
	background-color:#99ccff;
}

.tabContent
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	line-height: 1.55;
	font-weight: 600;
	width: 100%;
	height:21px;
	display: none;
	background-color: #339Aff;
	position: relative;
	z-index: 5000;
	padding: 0px;
}

/*---- subline ------------------------------- ----*/
#fx
{
	position: relative;
	top: 50px;
	left: 0px;
	z-index: 8000;
}
#fx a
{
	font-size: 0,7em;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0px 10px;
	padding: 0px;
	color: #000;
}
#fx a:hover
{
	color: #fff;
	background-color: #000;
}

#fx a.fx_over
{
	color: #fff;
	background-color:#1c568e;

}


#ifxElement strong
{
	font-size: 1,5em;
}


#scroll
{
	width: 300px;
}

#scroll p
{
	margin: 30px 10px;
}



/*  BANNER AREA WITH SUB NAVIGATION
------------------------------------------------------------------------------*/
#banner_area 
{ 
	height: inherit; 
	margin: 1px 0; 
	position: relative;
}

/* Obere Navigation*/
#navi2
{
	text-align:right;
	padding:5px;
	background-color:#000099;
	border-bottom:1px solid #666;
	font-size:0.8em;
}

#navi2 img 
{
	float:left;
	margin-top:2px;
	color:#fff;
}

#footer
{
	color: #fff;
	text-align:center;
}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{

	text-decoration: none;
	color: #fff;
	background-color: #696B6D;
}

.header
{
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	font-weight: 600;
	line-height: 1.6; 
}

.header_m
{
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	font-weight: 600;
	color: #fff;
	line-height: 1.6; 
}
.spalte_1
{
	margin-left:10px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */
	line-height: 1.6; 
}

h1
{
	color: #1E5A94;
	line-height: 1.6; 
}

ul.start li.start
{
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
	line-height: 1.3; 
}

.start
{
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
	line-height: 1.3; 
}

hr.start
{
	color: #1E5A94;
	margin-top:20px;
	margin-bottom:20px
	height: 1px;
}

.start a
{
	color: #1E5A94;
	text-decoration: none;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 103%;
}

.start a:hover
{
	color: #113355;
}

/* imageflow */
#imageflow img { 
	position:absolute; 
	top:0px;
	border:none;
}
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #1E5A94;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	margin-left:350px;
	text-align:left;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}

#changelog div
{
	text-align: justify;
	padding: 0 15px 5px 15px;
}

.icon {
background-color:#339AFF;
background-image: url(../images/icon/bg_rounded.gif);
background-repeat: no-repeat;
}

td#main_mi_all
{ 
margin: 0;
padding: 0;
margin-left:0px;
margin-top:0px;
margin-right:0px;
background-image: url(../images/mitte_all.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #cce6ff;
}

td#main_mi
{ 
margin: 0;
padding: 0;
margin-left:0px;
margin-top:0px;
margin-right:0px;

background-image: url(../images/mitte.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #cce6ff;
}

td#main_li
{ 
background-image: url(../images/left.jpg);
background-repeat:repeat-x;
background-position: top right;
background-color: #dddddd;
}

td#main_re
{

background-image: url(../images/right.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #dddddd;
}

h3
{
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	font-weight: 600;
	line-height: 1.6; 
}

.col_li
{ 
	border: 1px solid #000000; 
	margin: 5; 
	padding: .7em .5em; 
	background-color: #dddddd;
	padding-left: 0.55em;
	padding-right: 1em;
	margin-left: 1em; 
	margin-right: 1em; 
}

.col_mi
{ 
	color: #1E5A94;
	border: 1px solid #1E5A94; 
	margin: 5; 
	padding: .7em .5em; 
	background-color: #CCE6FF;
	padding-left: 0.55em;
	padding-right: 1em;
	margin-left: 1em; 
	margin-right: 1em; 
}

.col_gen
{ 
	color: #1E5A94;
	border: 1px solid #1E5A94; 
	margin: 2; 
	padding: .7em .5em; 
	background-color: #CCE6FF;
	padding-left: 0.55em;
	padding-right: 0em;
	margin-left: 1em; 
	margin-right: 1em; 
}

.col_gen2
{ 
	color: #1E5A94;
	margin: 3; 
	padding: .5em .3em; 
	background-color: #99ccff;
	padding-right: 0.55em;
	padding-left: 0.55em;
	margin-left: 1em; 
	margin-right: 1em; 
}

.col_gen2 a
{
	color: #1E5A94;
	font-weight: 600;
	font-size: 0,5em;
	text-decoration: none;
	display: block;
}

.col_gen2 a:hover
{
	color: #10203F;
}

td.color
{
color: #1E5A94;
}

.letter
{
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 101%; /* 16px sowie Korrektur: Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera */ 
	font-weight: 600;
	line-height: 1.6; 
	
	color: #1E5A94;
	border: 1px solid #1E5A94; 
	margin: 5; 
	padding: .7em .5em; 
	background-color: #CCE6FF;
	padding-left: 0.55em;
	padding-right: 0em;
	margin-left: 1em; 
	margin-right: -1em; 
}

/*---- formular oben ----*/
#form_area
{ 
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
	line-height: 1.3; 
}
	

#form_area input 
{ 
	background: #ffffff; 
	border: 1px solid #000; 
}

#form_area .textfield 
{ 
	padding-left: .2em; 
	width: 18em; 
}

#form_area .textarea
{ 
	color: #000;
	display: block;
	width: 18em;
	margin-top: .25em;
	margin-bottom: .25em;
	height: 10em;
	overflow: auto;
	border: 1px solid #000;
}

#form_area .textarea2
{
width: 38em;
}

#meldung
	{
	color: #FF6433;
	font-weight: 200;
	background: #fff; 
	border: 1px solid #ff6433;
	width: 18em;
	padding: .7em .7em .7em; 
	}

a.but_menu { display:block; margin-bottom:5px; text-align:center; width:16ex;
         border-style:ridge; border-width:3px; padding:2px; text-decoration:none; }

a.but_menu:link    { color:#00f; background-color:transparent; }
a.but_menu:visited { color:#00f; background-color:transparent; }
a.but_menu:hover   { color:#ff0; background-color:#00f; }
a.but_menu:active  { color:#ff0; background-color:#a03; }
div.but_menu { font-size:115%; width:16ex; margin-top:15px; margin-left:40px; text-align:center; padding:2px; }


/* Stylesheet für nicht Netscape 4 kompatible Stylesheetangaben */

a.menu { display:block; margin-top:5px; margin-bottom:5px; text-align:center; width:16ex;
         border-style:ridge; border-width:3px; padding:2px; text-decoration:none; }

a.menu:link    { color:#00f; background-color:transparent; }
a.menu:visited { color:#00f; background-color:transparent; }
a.menu:hover   { color:#ff0; background-color:#00f; }
a.menu:active  { color:#ff0; background-color:#a03; }

div.menu { font-size:115%; width:16ex; margin-top:15px; margin-left:40px; text-align:center; padding:2px; }


.videogallery
{
padding: 0px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}