﻿/*  Version:    1.2     
    Datum:      26.03.2007 
    Autor:      Matthias Knorpp

    ACHTUNG, Änderungen in diesem Dokument wirken sich auf ALLE SEITEN des Subwizard aus, teilweise nur an einzelnen Stellen.
    Deshalb bitte, nach jeder Änderung alle Seiten überprüfen!
    Ausserdem bitte alle Änderungen mit Kommentaren dokumentieren!
*/

/*  Elemente definieren  */
body                {background-color:#FFFFFF;margin:0px;padding:0px;font-family:verdana,geneva,sans-serif;font-size:11px;color:#000000;}
h1				    {font-size:17px;line-height:17px;font-weight:bold;margin:-17px 0 0 0;}
h2				    {font-size:13px;line-height:13px;font-weight:bold;color:#053555;padding:0px;margin:0px;}
h4				    {font-size:10px;line-height:15px;font-weight:normal;color:#053555;}
table               {font-family:verdana,geneva,sans-serif;font-size:11px;}
td                  {font-family:verdana,geneva,sans-serif;font-size:11px;padding:1px;padding-left:3px;}
p				    {font-size:11px;margin:2px 0 18px 0;}
img                 {border:0px;}
code                {color:#053555;}

/*  Bereiche einstellen  */
#breadcrumb         {position:absolute;z-index:15;top:139px;left:190px;width:640px;font-size:9px;line-height:9px;font-weight:normal;color:#000000;}
#breadcrumb a       {text-decoration:none;color:#053555;}
#breadcrumb a:hover {text-decoration:underline;}

#nav			    {position:absolute;z-index:15;top:61px;left:0px;width:995px;height:24px;list-style:none;margin:0px;padding:0px;white-space:nowrap;overflow:visible;}
#naviverlauf	    {position:absolute;z-index:14;top:61px;left:0px;width:995px;height:54px;list-style:none;margin:0px;padding:0px;background-image:url(../images/verlauf_oben.jpg);}
#nav li			    {font-size:11px;line-height:24px;font-weight:bold;float:left;width:120px;border-right:1px solid #FFFFFF;} 
#nav a			    {color:#000000;display:block;text-decoration:none;text-indent:10px;}
#nav a:hover	    {color:#FFFFFF;}

#extra              {position:absolute;z-index:15;top:5px;left:8px;list-style:none;margin:0px;padding:0px;white-space:nowrap;}
#extra li           {font-size:10px;float:left;padding-right:15px;}
#extra a            {color:#F0F0F0;text-decoration:none;}
#extra a:hover      {text-decoration:underline;}

#kopf			    {position:absolute;z-index:13;top:0px;left:0px;width:995px;height:61px;background-color:#FFFFFF;background-image:url(../images/headimage.jpg);}
#logo			    {border:none;width:162px;height:60px;margin:0px 0 0 823px;}
#logo2			    {position:relative;top:15px;border:0px;float:right;margin-right:20px;}
#valid              {position:relative;top:10px;left:10px;z-index:50;float:left;}

#fuss			    {/*bottom:0px;*/z-index:19;width:995px;height:52px;margin:0;padding:0;background-color:#053252;background-image:url(../images/verlauf_unten.jpg);}
#impressum			{position:absolute;/*bottom:55px;*/width:970px;height:30px;color:#053252;text-indent:20px;}
#impressum ul		{height:21px;list-style:none;padding:0px;font-size:11px;color:#053252;}
#impressum li		{float:left;}
#impressum li.al	{float:right;}
#impressum a		{border:#053252;color:#053252;text-decoration:underline;}
#impressum a:hover	{color:#07649C;text-decoration:underline;}

#aktuell		    {position:absolute;z-index:17;top:141px;left:841px;width:150px;min-height:484px;background-color:#FFFFFF;border:1px solid #053252;}
#aktuell h3		    {font-size:11px;line-height:24px;font-weight:bold;text-indent:10px;color:#FFFFFF;width:150px;background-color:#053252;border-bottom:1px solid #053252;margin:0px;}
#aktuell p		    {font-size:11px;margin:10px 10px 2px 10px;text-align:left;}
#aktuell a		    {color:#000000;text-decoration:underline;}
#aktuell a:hover    {text-decoration:underline;}

#linkenavi			{position:absolute;z-index:3;left:0px;top:114px;margin:0;padding:0px;font-size:12px;text-align:left;font-weight:bold;color:#053252;}
#linkenavi ul		{margin:0;margin-left:0px;padding:0;list-style-type:none;}
#linkenavi li		{padding:0;color:#07649C;width:170px;height:30px;border-bottom:1px solid #1E9DDB;}
#linkenavi a		{margin-left:16px;text-decoration:none;color:#053252;line-height:30px;}
#linkenavi a:hover	{color:#07649C;margin-left:16px;}

#links              {position:absolute;top:295px;left:4px;}
#links dl           {z-index:5;width:162px;min-height:66px;background-color:#FFFFFF;border:1px solid #053252;margin:0px;margin-bottom:25px;padding:0px;}
#links dt	        {font-size:12px;font-weight:bold;height:24px;line-height:24px;text-indent:10px;color:#FFFFFF;width:162px;background-color:#053252;border-bottom:1px solid #053252;margin:0px;}
/* Für alle Browser */
#links dd           {font-size:11px;margin:0px;padding:2px 0px 0px 15px;}/* oben rechts unten links */
/* Nur für IE6 */
* html #links dd    {font-size:11px;margin:0px;padding:0px 0px 0px 15px;}

/* Zentraler Mittenbereich  */
#hauptfenster       {position:absolute;z-index:15;top:170px;left:189px;width:630px;text-align:justify;}

/*  Kasten im Mittelbereich bei einspaltigem Layout */
#kasten		        {}
#kasten dl                                          {display:inline;float:left;position:static;z-index:25;width:630px;min-height:75px;background-color:#FFFFFF;border:1px solid #053252;margin:0px;margin-bottom:25px;padding:0px;}
#kasten dt	                                        {float:left;font-size:12px;font-weight:bold;height:24px;line-height:24px;text-indent:10px;color:#FFFFFF;width:630px;background-color:#053252;border-bottom:1px solid #053252;margin:0px;}
/* Für alle Browser */
#kasten dd.normal                                   {font-size:11px;margin:0px;text-align:justify;margin:0px;padding:35px 10px 0px 10px;}
#kasten dd.text                                     {font-size:11px;margin:0px;padding:0px 0px 0px 0px;} /* oben rechts unten links */
/* Nur für IE6 */
* html #kasten dd.normal                            {font-size:11px;margin:0px;text-align:justify;padding:0px 10px 0px 0px;} 
* html #kasten dd.text                              {font-size:11px;margin:0px;padding:16px 0px 0px 110px;}
/*  Ende Browserweiche  */
#kasten dd.bild                                     {float:left;top:0px;margin-top:1px;margin-left:2px;}
#kasten dd.button                                   {float:right;margin:0;padding:0;width:76px;height:18px;background-color:#FD6600;font-size:11px;text-indent:3px;line-height:18px;}
#kasten dd.button a                                 {color:#FFFFFF;font-weight:bold;} 
#kasten dd.button a:hover                           {text-decoration:underline;}

#kasten a                                           {width:76px;height:18px;font-size:11px;text-decoration:none;color:#FD6600;}
#kasten a:hover                                     {text-decoration:underline;}
#kasten a:active                                    {font-weight:bold;}
#kasten td                                          {font-family:verdana,geneva,sans-serif;font-size:11px;}
#kasten ol                                          {list-style-type:decimal;margin-top:3px;margin-bottom:5px;padding-top:3px;padding-bottom:5px;}
#kasten ul                                          {list-style-type:square;margin-top:3px;margin-bottom:5px;padding-top:3px;padding-bottom:5px;}
#kasten li                                          {margin-top:2px;margin-left:-15px;padding-bottom:2px;padding-left:0px;list-style-position:outside;}

/*  Kasten im Mittelbereich bei zweispaltigem Layout */
#kasten2 		                                    {position:static;font-size:11px;width:303px;}
#kasten3                                            {position:absolute;left:326px;top:0px;font-size:11px;width:303px;}
#kasten2 dl, #kasten3 dl                            {float:left;background-color:#FFFFFF;border:1px solid #053252;margin:0px;margin-bottom:25px;padding:0px;width:303px;}
#kasten2 dt, #kasten3 dt	                        {float:left;width:303px;font-size:12px;font-weight:bold;height:24px;line-height:24px;text-indent:10px;color:#FFFFFF;background-color:#053252;border-bottom:1px solid #053252;margin:0px;}
/* Für alle Browser */
#kasten2 dd, #kasten3 dd                            {text-align:justify;margin:0px;padding:35px 10px 0px 10px;}/* oben rechts unten links */
#kasten2 dd.normal, #kasten3 dd.normal              {text-align:justify;margin:0px;padding:35px 10px 0px 10px;}/* oben rechts unten links */
#kasten2 dd.text, #kasten3 dd.text                  {text-align:justify;margin:0px;padding:10px; padding-top: 10px;}/* oben rechts unten links */
/* Nur für IE6 */
* html #kasten2 dd, * html #kasten3 dd              {text-align:justify;padding:11px 10px 0px 10px;}
* html #kasten2 dd.text, * html #kasten3 dd.text    {text-align:justify;padding:11px 10px 0px 100px;}
/*  Ende Browserweiche  */
#kasten2 dd.bild, #kasten3 dd.bild                  {float:left;top:0px;margin-top:10px;margin-left:2px;padding:0px;}
#kasten2 dd.button, #kasten3 dd.button              {float:right;margin:0;padding:0;width:76px;height:18px;background-color:#FD6600;text-indent:5px;line-height:18px;}
#kasten2 dd.button a, #kasten3 dd.button a          {color:#FFFFFF;} 
#kasten2 dd.button a:hover, #kasten3 dd.button a:hover  {text-decoration:underline;}
#kasten2 a, #kasten3 a                              {width:76px;height:18px;font-size:11px;font-weight:bold;text-decoration:none;color:#FD6600;}
#kasten2 a:hover, #kasten3 a:hover                  {text-decoration:underline;}
#kasten2 ol, #kasten3 ol                            {list-style-type:decimal;margin-top:3px;margin-bottom:5px;padding-top:3px;padding-bottom:5px;}
#kasten2 ul, #kasten3 ul                            {list-style-type:square;margin-top:3px;margin-bottom:5px;padding-top:3px;padding-bottom:5px;}
#kasten2 li, #kasten3 li                            {margin-top:2px;margin-left:-15px;padding-bottom:2px;padding-left:0px;list-style-position:outside;}

/*  Klassen für spezielle Zwecke  */
.TextBox		    {background-color:#FFFFFF;border:1px solid #07649C;width:130px;margin:8px 11px 0 0px;color:#07649C;}
.TextBox2		    {color:#FFFFFF;background-color:#07649C;border:0px solid #07649C;width:132px;margin:8px 11px 8px 0px;}
.EingabeFeld        {background-color:#FFFFFF;border:1px solid #07649C;width:180px;color:#07649C;margin:0px;margin-left:2px;padding:0px;padding-left:2px;font-size:12px;}
.EingabeButton      {color:#FFFFFF;background-color:#07649C;border:0px solid #07649C;width:150px;margin:0px;padding:0px;}
.klein              {font-size:3px;}
.preis              {position:absolute;left:545px;}
.preis2             {position:absolute;left:535px;}
.schritt            {position:absolute;left:555px;}
.normal             {}
.Zelle              {overflow:hidden;}
.Tabelle            {table-layout:fixed;}
.orange             {color:#FD6600;}
.hellblau           {color:#053252;}
.trenner            {border-right:dotted 1px #FD6600;}
.nopadding          {padding:0px;margin:0px;}

/*  Wird für das DropDown Menu gebraucht  */
.menuItemFirst,
.menuItem,
.menuItemLast,
.menuItemFirstOver,
.menuItemOver,
.menuItemLastOver   {font-size:11px;font-weight:bold;color:#000000;cursor:pointer;background-color:#FF6600;padding:4px 4px 4px 10px;width:165px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.menuItemFirstOver,
.menuItemOver,
.menuItemLastOver   {color:#FFFFFF;background-color:#FF9900}
.menuItemFirst,
.menuItemFirstOver  {border:1px solid #FFFFFF;}
.submenu            {width:165px;}
