@charset "UTF-8";
/* CSS Document */

/* Copyright: Lars Trautmann 2007 / www.piratearts.de */



/* ##################################################### */
/* ####################### BODY ######################## */
/* ##################################################### */

body			{
				margin: 0px;
				background-color:#FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#404040;
				}
				
img { behavior: url(/css/iepngfix.htc) }

/* ##################################################### */
/* ####################### TEXT ######################## */
/* ##################################################### */
span.klein			{ font-size:10px; }
span.headline		{ font-size:20px; /*color:#a6213d;*/ }
span.date			{ font-size:18px; color:#CCCCCC; }

span.bigger			{ font-size:16px; }

.red				{ color:#a6213d; }

.infotext			{ background-color:#f5e66b; padding:5px; font-style:italic; border-bottom:solid 2px; border-right:solid 2px; border-color:#6f6c58; }
.top			{ font-size:10px;text-align:left;}
.top a:link,  .top a:visited,  .top a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/s/neuHybizz/img/iTop.gif) no-repeat scroll right center;
color:#999999;
float:right;
padding-right:10px;
text-align:right;
text-decoration:none;
width:auto;
}
.top2			{ font-size:10px;text-align:left;}
.top2 a:link,  .top2 a:visited,  .top2 a:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/s/neuHybizz/img/iTop.gif) no-repeat scroll left center;
color:#999999;
float:left;
padding-right:10px;
text-align:left;
text-decoration:none;
width:auto;
}
/* ##################################################### */
/* ####################### LINKS ####################### */
/* ##################################################### */

/* Submenu */
a 				{ color:#404040; text-decoration:none; background-color:transparent; }
a:hover 		{ color:#404040; text-decoration:underline; background-color:transparent; }
span.a1aktiv	{ color:#ffffff; }

/* Bottom Menu */
a.a2 			{ color:#404040; text-decoration:none; background-color:transparent; }
a.a2:hover 		{ color:#404040; text-decoration:underline; background-color:transparent; }

/* Hauptmenu */
a.a3 			{ color:#ffffff; text-decoration:none; background-color:transparent; }
a.a3:hover 		{ color:#ffffff; text-decoration:underline; background-color:transparent; }

/* Submenu 2. Ebene */
a.a4 			{ color:#404040; text-decoration:none; background-color:transparent; }
a.a4:hover 		{ color:#404040; text-decoration:underline; background-color:transparent; }
span.a4aktiv	{ color:#ffffff; }



/* Rote Links (im Text etc...) */
a.a5 			{ color:#a6213d; text-decoration:none; background-color:transparent; }
a.a5:hover 		{ color:#a6213d; text-decoration:underline; background-color:transparent; }

/* für Buttons */
a.abutton 			{ color:#ffffff; text-decoration:none; background-color:transparent; }
a.abutton:hover		{ color:#ffffff; text-decoration:none; background-color:transparent; }

/* ##################################################### */
/* #################### GRUNDAUFBAU #################### */
/* ##################################################### */

div				{ border:none; }

.floatleft		{ float:left; }

.floatright		{ float:right; }
.floatright_logo		{ float:right; margin-right:50px }
.floatright_bottom { bottom:0px; }

.textrechts		{ text-align:right; }

.absatz			{ padding-bottom:25px; }
.absatz2		{ padding-bottom:10px; }
.absatz3		{ padding-bottom:5px; }
.kunde      { padding-left:5px; }
.kundeleft  { float:left;
              width:450px;}
.kunderight  { float:left;
               margin-left:50px;
               width:50px;}
.kundemitte  { float:left;
               width:250px;}
.invisible {display :none;}
.icon1			{ float:left; margin-right:5px; }

.clearall		{ clear:both; } /* Zum Beenden von float-Tags */
.antwort			{ padding-top:15px; 
                padding-left:25px;}
#pagepop2 {
	height:100%;
	margin:0px auto;
}
#pagepop {
	height:100%;
	margin:0px auto;
}
#page {
	height:100%;
	margin:0px auto;
}

#kopfzeile		{
				margin:0 auto;
				padding-left:5px;
				width: 1092px;
				}

#hauptmenu		{ 
				margin:0 auto;
				padding-left:15px;
				width:979px; 
				height:51px;
				font-size:14px;
				background-image:url(../img/hmen_bg.gif);
				}

#submenu		{ 
				margin:0 auto;
				width:934px; 
				min-height:25px;
				padding-left:30px;
				padding-right:30px;
				padding-top:3px;
				padding-bottom:3px;
				font-size:12px;
				background-image:url(../img/submen_bg.gif);
				}
				
.submenu_content { float:left; margin-top:6px; }				
				
#submenu2		{	/* 2. Ebene im Submenu */
				margin:0 auto;
				width:934px; 
				padding-left:30px;
				padding-right:30px;
				padding-top:5px;
				padding-bottom:5px;
				background-image:url(../img/submen2_bg.gif);
				font-size:12px;
				}
#submenu3  {          /* 3. Ebene im Submenu */
        margin:0 auto;
        width:934px; 
        padding-left:30px;
        padding-right:30px;
        padding-top:5px;
        padding-bottom:5px;
        background-image:url(../img/submen3_bg.gif);
        font-size:12px;
         }
#topic			{ 	/* Grauer Bereich zwischen Menus und den Inhalten */
				margin:0 auto;
				padding-left:50px;
				padding-right:50px;
				padding-top:30px;
				padding-bottom:30px;
				width:894px;
				background-image:url(../img/topic_bg.gif);
				}
				
.logo			{ float:left; margin-right:120px; }
				
/* (alte styleangabe) .topic-rahmen	{ float:left; width:550px; } */

.topic_l		{
				float:left;
				width:650px;
				}

.topic_r		{
				float:left;
				}
				
#contents		{ 	/* Inhalte */
				margin:0 auto;
				padding-left:50px;
				padding-right:50px;
				padding-top:30px;
				padding-bottom:30px;
				width:894px;
				min-height:300px;
				background-image:url(../img/borders.gif);
				}
#contentsPopup		{ 	/* Inhalte */
				margin:0 auto;
				padding-left:50px;
				padding-right:50px;
				padding-top:30px;
				padding-bottom:30px;
				width:894px;
				min-height:300px;
        background-image:url(../img/borders.gif);
				}

#section_menu	{ 
				margin:0 auto;
				width:924px;
				padding-left:35px;
				padding-right:35px;
				padding-top:10px;
				padding-bottom:10px;
				background-image:url(../img/borders.gif);
				}
#section_menu2	{ 
				margin:0 auto;
				width:924px;
				padding-left:35px;
				padding-right:35px;
				padding-top:10px;
				padding-bottom:10px;
				background-image:url(../img/borders.gif);
				min-height:300px;
				}				
#bottom			{ 
				margin:0 auto;
				width:994px; 
				height:32px;
				text-align:center;
				padding-top:26px;
				background-image:url(../img/bottom_bg.gif);
				}
				
#subbottom		{
				text-align:center;
				font-size:10px;
				margin-bottom:30px;
				margin-top:15px;
				}
				
/* HAUPTMENU BUTTON FÜR DIE AKTUELL GEÖFFNETE SEITE */
.hmenb_l		{ /* linke Begrenzung */
				float:left;
				background-image:url(../img/hmen_button_l.gif);
				width:2px;
				height:51px;
				}
				
.hmenb_r		{ /* rechte Begrenzung */
				float:left; 
				background-image:url(../img/hmen_button_r.gif);
				width:2px;
				height:51px;
				}
				
.hmenb_m		{ /* Button Inhalte */
				float:left;
				padding:12px;
				padding-top:16px;
				height:23px;
				color:#FFFFFF;
				font-weight:bold;
				background-image:url(../img/hmen_button_m.gif);
				}
				
/* HAUPTMENU BUTTON FÜR EINE AKTUELL NICHT GEÖFFNETE SEITE */
.hmenb_inaktiv	{ /* Button Inhalte */
				float:left;
				padding:14px;
				padding-top:16px;
				height:20px;
				color:#FFFFFF;
				font-weight:bold;
				}
				
/* LOGO TRÄGER (ganz oben, wenn eingelogt) */

.userlogo		{
				background-image:url(../img/logobg.gif);
				height:76px;
				float:left;
				}
				
.userlogo_l		{
				background-image:url(../img/logobg_l.gif);
				width:20px;
				height:76px;
				float:left;
				}

.userlogo_r		{
				background-image:url(../img/logobg_r.gif);
				width:20px;
				height:76px;
				float:left;
				}

.userinfos		{
				float:right;
				padding:10px;
				text-align:right;
				}
	
								
/* Section Menu */
.section_button	{
				float:left;
				margin:5px;
				margin-right:-3px;
				background-image:url(../img/section_buttonbg.gif);
				width:298px;
				height:284px;
				}

.section_links	{ padding-left:30px; padding-top:5px; line-height:18px; }
				
.section_beschr { color:#FFFFFF; font-size:14px; font-style:italic; margin:10px; }


/* INDEX Seite*/

.area-buttons	{
				float:left;
				margin-right:20px;
				width:405px;
				}
				
.textarea460	{
				float:left;
				padding:20px;
				width:420px;
				background-image:url(../img/textarea_480.gif);
				}	

/* ##################################################### */
/* #################### LAYOUTSPALTEN ################## */
/* ##################################################### */

/* Spalten ohne Träger */
.spalte_ganz	{
				float:left;
				width:858px;
				margin:5px;
				padding:10px;
				}

.spalte_halb	{
				float:left;
				width:414px;
				margin:5px;
				padding:10px;
				}

.spalte_drittel	{
				float:left;
				width:266px;
				margin:5px;
				padding:10px;
				}
				
.spalte_2drittel {
				float:left;
				width:562px;
				margin:5px;
				padding:10px;
				}
				
				
/* Spalten mit Träger */

.spaltencontent_tr {
				padding-left:10px;
				padding-right:10px;
				}




.spalte_ganz_tr	{
				/*float:left;*/
				width:878px;
				margin:5px;
				background-color:#f1f1f1;
				}


.spalte_halb_tr	{
				float:left;
				width:434px;
				margin:5px;
				background-color:#f1f1f1;
        margin-right: -3px;
        margin-left: 10px;
				}
				
				
.spalte_drittel_tr	{
				float:left;
				width:286px;
				margin:5px;
				background-color:#f1f1f1;
				}
				
					
.spalte_2drittel_tr {
				float:left;
				width:582px;
				margin:5px;
				background-color:#f1f1f1;
				}
				
/* Spezielle Spaltentypen */

.spalte_drittel_b_tr	{
				float:left;
				width:291px;
				margin-left:5px;
				margin-top:10px;
				background-color:#f1f1f1;
				text-align:right;
				}
				
.spalte_2drittel_b_tr {
				float:left;
				width:572px;
				border-left:1px solid;
				border-color:#333333;
				padding-left:10px;
				padding-top:20px;
				padding-bottom:20px;
				min-height:100px;
				margin-bottom:20px;
				}

.spalte_drittel_b_tr2	{
				background-color:#FFFFFF;
				padding:10px;
				}
.loeschen {
				background-color:#FFFFFF;
				float:right;
				padding-right:20px;
				}	

.innenspalte	{
				float:left;
				width:400px;
				margin:5px;
				}

.spalte_halb_c	{
				float:left;
				width:434px;
				margin:0px;
				text-align:center;
				}

/* ##################################################### */
/* #################### ELEMENTE ####################### */
/* ##################################################### */

.funktionsinfo	{ font-size:18px; /*color:#a6213d;*/ margin-top:4px; float:left; }

.funktionsinfo2 { margin-top:4px; float:right; }

.funktionscontent { margin-top:10px; margin-left:47px; clear:both; margin-right:10px; }
.funktionscontent2 { margin-top:10px; margin-left:0px; clear:both; margin-right:10px; }
.funktionsbutton	{ float:right; margin-left:10px; }

.help_box		{
				background-image:url(../img/help_bg.gif);
				width:670px;
				height:76px;
				padding-top:25px;
				padding-bottom:20px;
				padding-left:150px;
				padding-right:70px;
				color:#333333;
				}

.help_box2		{
				background-image:url(../img/help_bg2.gif);
				margin-left:20px;
				width:670px;
				height:76px;
				padding-top:25px;
				padding-bottom:20px;
				padding-left:150px;
				padding-right:70px;
				color:#333333;
				}
.help_box3		{
				background-image:url(../img/help_bg.gif);
				width:670px;
				height:76px;
				padding-top:25px;
				padding-bottom:20px;
				padding-left:150px;
				padding-right:70px;
				color:#333333;
				}
.sprachen		{ float:left; margin-top:5px; margin-left:30px; }

.blaettern		{ /* weiter und zurück Buttons wenn es mehrere Seiten gibt ... */
				text-align:center;
				padding:5px;
				margin-bottom:5px;
				margin-top:5px;
				height:20px;			
				}

.tabeinst1		{ float:left; margin-left:10px; }

.tabeinst2		{ float:right; margin-right:15px; }

hr.linie		{ border:none; height:1px; background-color:#CCCCCC; margin-top:0px; margin-bottom:0px;padding-top:0px; padding-bottom:0px;}
				

input { border:solid 2px; border-color:#CCCCCC; margin-bottom:4px; } 
input.calendar {width:80px; }				
input[readonly="readonly"] { background-color:#CCCCCC; border:solid 2px; border-color:#CCCCCC; }
select { border:solid 2px; border-color:#CCCCCC; margin-bottom:4px; }
select[readonly="readonly"] { background-color:#CCCCCC; border:solid 2px; border-color:#CCCCCC; }
textarea { border:solid 2px; border-color:#CCCCCC; margin-bottom:4px; }
textarea[readonly="readonly"] { background-color:#CCCCCC; border:solid 2px; border-color:#CCCCCC; }
.pflicht { border-color:#a6213d; }
.infotafel { float:left; margin:10px; }
.infotafeltext { float:left; width:400px; margin-top:20px; }
.infotafelclose { float:left; }
div.autocomplete {
  position:absolute;
  width:130px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #CCCCCC;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:10px;
  cursor:pointer;
}
/************
	Page functions
*/

#pagefunctions {
	margin:0px 0px;
	padding-top:32px;
	font-size:10px;
}

#pagefunctions ul {
	float:left;
	width:350px;
	list-style:none;
}

#pagefunctions li {
	margin:0px;
	padding:0px;
	margin-right:10px;
	line-height:16px;
	float:left;
	width:auto;
	display:inline;
}

/* forward */
#pagefunctions li.forward a:link, #pagefunctions li.forward a:visited, #pagefunctions li.forward a:active {
	padding-left:20px;
	text-decoration:none;
	background:url( '../osram_img/iForward.gif' ) no-repeat 0px 2px;
	color:#999;
}

#pagefunctions li.forward a:hover {
	text-decoration:none;
	background:url( '../osram_img/iForward_hi.gif' ) no-repeat 0px 2px;
	color:#666;
}

/* print */
#pagefunctions li.print a:link, #pagefunctions li.print a:visited, #pagefunctions li.print a:active {
	padding-left:20px;
	text-decoration:none;
	background:url( '../osram_img/iPrint.gif' ) no-repeat 0px 0px;
	color:#999;
}

#pagefunctions li.print a:hover {
	text-decoration:none;
	background:url( '../osram_img/iPrint_hi.gif' ) no-repeat 0px 0px;
	color:#666;
}

/* top */
#pagefunctions .top a:link, #pagefunctions .top a:visited, #pagefunctions .top a:active {
	float:right;
	width:auto;
	padding-right:10px;
	text-align:right;
	background:url( '../osram_img/iTop.gif' ) no-repeat right;
	text-decoration:none;
	color:#999;
}

#pagefunctions .top a:hover {
	text-decoration:none;
	background:url( '../osram_img/iTop_hi.gif' ) no-repeat right;
	color:#666;
}
#podTable td {
  border-width:2px;
  border-color:#CCCCCC;
  border-style:solid;
}