@charset 'utf-8';

/*
Allgemein
***********************************************************************
*/

html,body 
{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-size: 12px; 
	color: #193059; 
	background-color: #fff;
	font-family: "Lucida Grande", arial;
}

img, image 
{
	border: none;	
}

.clear 
{
	clear: both;	
}

/*
Font-Sizes
***********************************************************************
*/

#footer, #content_navi
{
	font-size: 11px;
}

/*
Layout
***********************************************************************
*/

div#container_base 
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header 
{ 
	width: 100%; 
	height: 133px; 	
	background: transparent url(head_bg.jpg) repeat-x; 
}

#ihead 
{ 
	width: 896px; 
	margin: 0 auto; 
}

#logo 
{ 
	float: right; 
	width: 156px; 
}

#head_navi 
{ 
	float: left; 
	widht: 300px; 
	background: transparent url(main_navi_list_bg_1.jpg) no-repeat;
	background-position: top left;
}

.right_block1, .right_block2
{
	width: 210px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
	margin-bottom: 25px;
}

.right_block1 
{
	background-color: #E6E6E6;
}

.right_block2 
{
	background-color: #CCF5FF;
}

#c_base 
{
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}

#r_base 
{
	float: right;
	width: 210px;
	margin: 0;
	padding: 100px 0 0 0;
}

div#content 
{
	clear:both;
	padding: 0 0 87px 0; /* bottom padding for footer */
}

#icontent 
{ 
	width: 876px; 
	margin: 0 auto;
	padding: 32px 0 0 0;
}

div#content_navi 
{
	width: 896px; 
	margin: 0 auto;
}

div#footer 
{
	clear:both;
	position: absolute;
	width: 100%;
	height: 87px;
	bottom:0; /* stick to bottom */
	background: transparent url(foot_bg.png) repeat-x;
}

div#ifoot 
{
	height: 10px; 
	width: 896px; 
	margin: 0 auto;
}

div#s_nline {
	clear: both;
	width: 896px; 
	margin: 0 auto;
	height: 13px;
	background: transparent url(punkt_line.gif) left bottom repeat-x;
}

/*
Link Design
***********************************************************************
*/

.right_block1 a:link, .right_block2 a:link, 
.right_block1 a, .right_block2 a
{
	display: block;
	margin: 0 8px;
	padding: 5px 0 15px 0;
	color: #00A6CF;
	text-decoration: none;
}

#r_base .right_block1 a:hover, #r_base .right_block2 a:hover
{
	color: #FC0020;
}

#c_base a:link, #c_base a 
{
	color: #193059;
	text-decoration: underline;
}

#r_base a:hover, #c_base a:hover
{
	color: #00A6CF;
}


/*
Text Satz /p, span, h1-h6 etc...
***********************************************************************
*/

.right_block1 p,
.right_block2 p
{
	margin: 0 8px;
	padding: 5px 0 15px 0;
	text-align: left;
}

.right_block1 h1, 
.right_block1 h2, 
.right_block1 h3, 
.right_block1 h4, 
.right_block1 h5, 
.right_block1 h6,
.right_block2 h1, 
.right_block2 h2, 
.right_block2 h3, 
.right_block2 h4, 
.right_block2 h5, 
.right_block2 h6

{
	margin-left: 8px;
	padding-top: 5px;
} 

#copy_r
{
	float: right;
	color: #666;
}

#copy_r span 
{
	margin-left: 20px;
}

h1, h2, h3, h4, h5, h6 
{
	font-size: 1.1em;
	font-weight: bold;
}

p 
{
	line-height: 1.7em;
	font-wieght: normal;
	padding: 0 0 30px 0;
	text-align: justify;
}

.render_text 
{
	margin-bottom: 40px;
}

/*
Main Navigation
***********************************************************************
*/

ul#main_navi 
{
	padding: 0;
	margin: 0 0 0 2px;
}

ul#main_navi li 
{
	list-style: none;
	float: left;
	height: 133px; 
	text-align: center;
	margin: 0;
	padding: 0;
	background: transparent url(main_navi.jpg) no-repeat top right;
}

ul#main_navi li a:link, ul#main_navi li a 
{
	text-indent: -1000em;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 78px;
	line-height: 110px;
	display: block;
	padding: 0 15px;
}

ul#main_navi li.main_navi_active {
	background: transparent url(main_navi_2.jpg) no-repeat;
}

.main_navi_pic {
	border: none; 
	margin-top: 75px;	
}

/*
Sub Navigation
***********************************************************************
*/

ul#sub_navi 
{
	margin: 16px 0 0 11px;
	padding: 0;
}

ul#sub_navi li
{
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

ul#sub_navi li a:link, ul#sub_navi li a 
{
	text-decoration: none;
	color: #001C4A;
}

ul#sub_navi li a:hover
{
	color: #FF0020;
}

ul#sub_navi li a.sub_navi_active, ul#sub_navi li a.sub_navi_active:link, ul#sub_navi li a.sub_navi_active:hover, ul#sub_navi li a.sub_navi_active:visited 
{
	color: #FF0020;
}

/*
Footer Navigation
***********************************************************************
*/


ul#footer_navi 
{
	padding: 0;
	margin: 19px 0 0 0;	
}

ul#footer_navi li 
{
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

ul#footer_navi li a:link, ul#footer_navi li a 
{
	color: #00A6CF;
	text-decoration: none;
}

.ihover {
	border: 1px solid #00A6CF;
	background: transparent url(plus_hover.gif) no-repeat bottom right;
}

.ihover:hover {
	border: 1px solid #FC0020;
	background: transparent url(plus.gif) no-repeat bottom right;
}

#icontent #c_base .download_list ul.downloads li {
	border-top: 1px dotted #193059;
	background-color: #efefef;
	background-image: none;
	padding: 0;
}

#icontent #c_base .download_list ul.downloads li a {
	display:block;
	padding: 7px 0 7px 8px
}
#icontent #c_base .download_list ul.downloads li a:hover {
	background-color: #fff
}
#icontent ul {
	padding: 0;
	margin: 0 0 35px 0;
	list-style: none;
}

#icontent ul li {
	padding: 7px 0 7px 14px;
	margin: 0;
	background: transparent url(point.gif) center left no-repeat;
}

 #icontent ol {
	padding: 0 0 0 25px;
	margin: 0 0 35px 0;
}

#icontent ol li {
	padding: 7px 0 7px 0;
	margin: 0;
}


#flashcontent {
	margin: 0 auto 0 auto;
	width: 906px;
	height: 348px;
}