/*************/
/* Allgemein */
/*************/
/* *{KEINE * allgemein Definitionen machen!!} */

/* Wenn der Scrollbalken nicht immer angezeigt werden soll, nachfolgende Zeile bitte auskommentieren */
body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#5A5A5B;
	background-image:url('system_images/whitepoint.jpg');
	background-repeat:repeat-x;
	background-position:0px 408px;
	SCROLLBAR-FACE-COLOR:#FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #f2f5f7;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #003883;
	SCROLLBAR-TRACK-COLOR:#f2f5f7; 
	SCROLLBAR-DARKSHADOW-COLOR: #3f4a52;
}

div {height:auto}

a {text-decoration:none;}

img {border:none;}

.h1, h1 {font-size:16px;font-weight:bold; color:#003883; padding:0; margin: 0px 0px 15px 0px;}
.h2, h2 {font-size:12px;font-weight:bold; color:#003883; padding:0; margin: 5px 0px 10px 0px;}
.h3, h3 {font-size:12px;font-weight:bold; color:#003883; padding:0; margin:0px;}

li {margin-left:20px;}

.clear {font-size:1px; height:1px; clear:both;}

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

a:hover {color:#5A5A5B;}

/**************/
/* Formulare */
/************/

input[type=text], input[type=password], textarea, select {
	border: 1px solid #949599; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#5A5A5B;
}
input[type=text], input[type=password], select { width: 230px;}

input[type=button], input[type=submit] { background-color: #949599;  border: 1px solid #949599; color:#FFF; }

.error{color:#c00418;}
.zeilenabstand { height:10px; font-size:1px; line-height:100%;}

/**********/
/* Aufbau */
/**********/
.centerbox {
	width:1100px;
	margin:60px 10px 0px 10px;
	padding:0;
	text-align:left;
}

.left {
	float:left;
	width:260px;
}

.middle {
	float:left;
	width:770px;
}

.right
{
	float:left;
	width:70px;
	height:319px;
	border-bottom:1px solid #E3E4E5; 	
}

.logo {
	padding-top:50px;
	text-align:right;
	padding-right:30px;
}

.navibox_top {
	height:319px;
	border-bottom:1px solid #E3E4E5; 
}

.navi {
	padding-top:9px;
	padding-right:30px;
	text-align:right;
}

.subnavi {
	padding-top:40px;
	padding-right:30px;
	text-align:right;
}

.footnavi {
	padding:0px 30px;
	text-align:right;
}

.content_image {
	float:left;
	height:320px;
	width:770px;
	/**background-color:#003883;*/
	background-color:#c00418;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.td_banner {width:584px;height:320px;}
.td_banner_text {width:186px; padding:20px;} /** sonst wird das bild in google chrome bei leerem Slogan mittig gesetzt */
.td_banner img{padding:0; margin:0;width:584px;height:320px;}


.content_text 
{
	float:left;
	background-color:#dbdaeb;
	padding:40px 80px 40px 80px;
	width:610px;
	min-height:240px;
	line-height:160%;
}


/***************/
/* Navigation */
/*************/

.menu1 {color:#949599;text-transform:uppercase;line-height:160%;}
.menu1:hover {/**color:#003883;*/ color:#c00418; font-weight:bold;}
.menu1First {}
.menu1Down {/**color:#003883;*/ color:#c00418;;font-weight:bold;}

.menu2 {/**color:#003883;*/ color:#c00418; text-transform:uppercase; line-height:160%;}
.menu2:hover {/**color:#003883;*/ color:#c00418;; font-weight:bold;}
.menu2First {}
.menu2Down {/**color:#003883;*/ color:#c00418;font-weight:bold;}

.menu3 {color:#949599; line-height:160%;}
.menu3:hover {/**color:#003883;*/ color:#c00418;}
.menu3First {}
.menu3Down {/**color:#003883;*/ color:#c00418;}

.fmenu1 {color:#949599; text-transform:uppercase; line-height:160%; padding:}
.fmenu1:hover {/**color:#003883;*/ color:#c00418; font-weight:bold;}
.fmenu1First {}
.fmenu1Down {/**color:#003883;*/ color:#c00418;font-weight:bold;}

/*************/
/* Schritte */
/***********/
.content_text.schitte
{
	padding:40px 0px 0px 30px;
	min-height:0px;
	width:740px;
}

.content_text.schitte .bild
{
	float:left;
	width:64px;
	height:64px;	
}

.content_text.schitte .innen
{
	float:left;
	min-height:215px;
	margin-left:30px;
	width:566px;
}

.content_text.schitte .schritte_step_pfeil
{
	float:left;
	height:215px;
	width:80px;
	background-image:url('system_images/schritte/next.gif');
	background-repeat:no-repeat;
	background-position:center;
}

.content_text.schitte .schritte_step_pfeil.vor
{ background-image:url('system_images/schritte/vor.gif'); }

.content_text.schitte .schrittmenu
{
	height:32px;
	margin-top:30px;	
	margin-left:344px;
	margin-bottom:10px;
	text-align:right;
}

.menu_schritt
{
	float:left;
	text-align:right;
	margin-left:4px;
	width:44px;
}

.menu_schritt.active
{
	
	background-image:url('system_images/schritte/menu/schritt_active.gif');
	background-repeat:no-repeat;
	background-position:left top;
}

.menu_schritt img {height:32px; width:32px;}


/***************/
/* Klapptexte */
/*************/
.headline {
	background-image:url('system_images/klapptext.gif');
	background-repeat:no-repeat;
	background-position:left 1px;
	padding:0px 0px 0px 15px;
	cursor:pointer;
}
.headlineDown {background-image:url('system_images/klapptext_active.gif'); background-repeat:no-repeat;}
.tpl_klapptext .text { border-bottom: 1px solid #003883; margin-bottom:10px; padding-bottom:10px;}

/*************/
/* Karriere */
/***********/
.content_text.karriere
{
	padding:40px 0px 40px 0px;
	width:770px;
	line-height:160%;
}

.content_image.karriere {background-color: #c6c6c8;}

.tpl_karriere .bild {float:left; width:197px; margin-left:45px; height:320px;}
.tpl_karriere .bild img {width:197px;}
.tpl_karriere .bild.mitte {width:196px;}
.tpl_karriere .bild.mitte img {width:196px;}

.tpl_karriere .mitarbeiter {float:left; width:197px;}
.tpl_karriere .mitarbeiter_pfeil{float:left; width:40px; background-image:url('system_images/klapptext.gif'); background-repeat:no-repeat; background-position:right 3px; margin: 0px 5px 0px 0px;}
.tpl_karriere .mitarbeiter.mitte {width:196px;}
.tpl_karriere .mitarbeiter .name {font-size:16px;font-weight:bold; color:#003883; text-transform: uppercase;}
.tpl_karriere .mitarbeiter .beruf {}
.tpl_karriere .mitarbeiter .text {margin:15px 0px 0px 0px; font-weight:bold;}

/*********/
/* Team */
/*******/
.content_text.team
{
	padding:40px 30px 39px 60px;
	width:630px;
	line-height:160%;
	float:left;
}
.team_right
{
	float:left;
	width:50px; 	
	height: 50px;
	background-color: #E9F0F8;
}

.team_right .next_step {
	background-image:url('system_images/next_content_blau.png'); 
	background-repeat:no-repeat; 
	background-position:left bottom;
	height: 50px;
}

.team_right .next_step.back {
	background-image:url('system_images/vor_content_blau.png'); 
	background-repeat:no-repeat; 
	background-position:left bottom;
	height: 50px;
}

.tpl_mitarbeiter .bild {float:left; width:258px;}
.tpl_mitarbeiter .bild img {width:258px; height:258px;}
.tpl_mitarbeiter .mitarbeiter {float:left; width:332px; margin-left:40px;}
.tpl_mitarbeiter .mitarbeiter .name {font-size:16px;font-weight:bold; color:#003883; text-transform: uppercase;}
.tpl_mitarbeiter .mitarbeiter .beruf { }
.tpl_mitarbeiter .mitarbeiter .info {margin:15px 0px 0px 0px; font-weight:bold;}

.banner_team { margin: 30px 0px 0px 41px;}
.banner_team .links {float:left; width:679px; }
.banner_team .rechts {
	float:left; height:300px; width:50px; 
	background-image:url('system_images/next_banner_blau.png');
	background-repeat:no-repeat;
	background-position:left bottom;

}

.banner_team .rechts.back {
	background-image:url('system_images/vor_banner_blau.png');
	background-repeat:no-repeat;
	background-position:left bottom;
}

.banner_team .links .titel {
	margin-left:19px;
	font-size:16px;
	font-weight:bold;
	color:#003883;
	text-transform: uppercase;
}
.banner_team .links .team_folge {margin-top:20px;}

.menu_team
{
	float:left;
	text-align:right;
	margin-left:4px;
	width:76px;
	margin-bottom:20px;
}
.menu_team.active
{
	background-image:url('system_images/schritt_active.png');
	background-repeat:no-repeat;
	background-position:left top;
}
.menu_team img {height:64px; width:64px;}

/*********/
/* News */
/*******/
.news_block{ margin-bottom:30px;}
.news_block_last{ margin-bottom:0px;}

/**************************/
/* Schritte zum Hörsystem */
/**************************/


.pfeil_links {
	position:absolute;
	left:280px;
	top:335px;
}

.pfeil_rechts {
	position:absolute;
	right:420px;
	top:335px;
}

.mp3player {
	float: right;
	position: relative;
}