/*

////////////////////////////////////////////////////////////////

//

// Allgemeine Styles

// erstellt von Sven Peter Funke

// fuer www.iok.net

//

////////////////////////////////////////////////////////////////

*/



/* Stylesheet fuer Standard-Gui-Element */

@import url(wgl.css);



/* Stylesheet fuer Navigationen */

@import url(nav.css);



/* Formatierung von HTML-Elementen */



*                    {margin:0;padding:0}



#body                {background:#011F42 url(/de/wGlobal/layout/images/backgrounds/iok_bg.jpg) no-repeat scroll center top; margin:50px 0 0 0;}



body                 {font-family:Verdana, Arial, Sans-serif, Helvetica;font-size:11px;color:#666666;font-weight:normal;line-height:20px}



div                  {}

span                 {}



/* Icon-Ueberschriften */



.icon_tools         {height:40px;background:url(/de/wGlobal/layout/images/icons/tools.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_kunden        {height:40px;background:url(/de/wGlobal/layout/images/icons/user.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_call          {height:40px;background:url(/de/wGlobal/layout/images/icons/chat.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_info          {height:40px;background:url(/de/wGlobal/layout/images/icons/achtung.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_cheap         {height:40px;background:url(/de/wGlobal/layout/images/icons/aktuell.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_w3c         {height:40px;background:url(/de/wGlobal/layout/images/icons/w3c-konform.gif) no-repeat left center;padding: 0 0 0 45px;font-size:12px;font-weight:bold;line-height:40px;color:#6287A0;margin:0 0 14px 0}

.icon_nv        {height:40px;background:url(/de/wGlobal/layout/images/icons/teamviewer-icon.gif) no-repeat left center;padding: 10px 0 10px 20px;font-size:11px;font-weight:normal;line-height:40px;margin:0 0 14px 0}

.icon_pdf        {height:40px;background:url(/de/wGlobal/layout/images/icons/pdf.gif) no-repeat left center;padding: 10px 0 10px 20px;font-size:11px;font-weight:normal;line-height:40px;margin:0 0 14px 0}

.icon_pdf2        {height:40px;background:url(/de/wGlobal/layout/images/icons/pdf_content.gif) no-repeat left center;padding: 10px 0 10px 20px;font-size:11px;font-weight:normal;line-height:40px;margin:0 0 14px 0}

.icon_pps        {height:40px;background:url(/de/wGlobal/layout/images/icons/pps.gif) no-repeat left center;padding: 10px 0 10px 20px;font-size:11px;font-weight:normal;line-height:40px;margin:0 0 14px 0}



/* Ansprechpartner-Bilder */



.vimage 			{margin:0.3em 0.5em 0 0;padding:6px;background-color:#ffffff;border:solid 1px #808080}



/* Partnerlogos */



.partner 			{float:left;margin:0 8px 20px 0;padding: 0;border:solid 1px #808080}



/* W3C-LOGOS */



.wimage 			{margin:0.3em 0.5em 0 0;padding:6px;background-color:#ffffff;border:solid 1px #808080;display: block;margin-left: auto;margin-right: auto}



/* Ueberschriften */



h1                   {font-size:18px;font-weight:bold;line-height:22px;color:#808080;margin:0 0 14px 0}

h2                   {font-size:15px;font-weight:bold;line-height:19px;color:#808080;margin:0 0 14px 0}

h3                   {font-size:12px;font-weight:bold;line-height:16px;color:#808080;margin:0 0 14px 0}

h4                   {font-size:11px;font-weight:bold;line-height:13px;color:#808080;margin:0 0 14px 0}

h5                   {font-size:11px;font-weight:bold;line-height:13px;color:#808080;margin:0 0 14px 0}

h6                   {font-size:11px;font-weight:bold;line-height:13px;color:#808080;margin:0 0 14px 0}



/* Textbloecke */

p                    {margin:0 0 14px 0}



/* Listen */

ul                   {margin:0 0 14px 16px;padding:0;}

ol                   {margin:0 0 14px 28px;list-style-type:decimal}

li					 {margin:0 0 15px 0;list-style-image:none;list-style-position:outside;list-style-type:circle;line-height:150%}



/* Definitionslisten */

dl                   {}

dt                   {}

dd                   {margin:0 0 14px 0;padding:0 0 0 16px;color:#a0a0a0}



/* Horizontale Linien */

hr                   {background-color:#AEA794;color:#AEA794;height:1px;border-style:none}



/* Formularelemente */



form                 {overflow:hidden}



input                {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px}

select               {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px}

textarea             {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px}



button               {cursor:pointer;background-color:#001E5C;border:none;font-size:11px;line-height:24px;height:24px;color:#ffffff;padding:4px}

button:hover         {cursor:pointer;background-color:#98BFD7;border:none;font-size:11px;line-height:24px;height:24px;color:#ffffff;padding:4px}



/* Links */



a                    {text-decoration:none;color:#6287A0}

a:hover              {text-decoration:underline;color:#6287A0}

a.intern             {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/intern.gif) center left no-repeat}

a.extern             {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/extern.gif) center left no-repeat}

a.download           {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/download.gif) center left no-repeat}

a.audio              {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/audio.gif) center left no-repeat}

a.video              {padding:0 0 0 14px;background:url(/de/wGlobal/layout/images/links/video.gif) center left no-repeat}



/* Bilder */



a img                {border:none}



img.picture          {margin:4px 4px 4px 4px}

img.pictureLeft      {float:left;margin:4px 4px 4px 0}

img.pictureRight     {float:right;margin:4px 0 4px 4px}



/* Tabellen */



table                {font:inherit;color:inherit;border:none}

tr, thead, tbody     {}

th, td               {vertical-align:top}



table.light          {border:none;margin-bottom:12px;}

table.light th       {border:none;text-align:left;background-color:#f0f0f0}

table.light td       {border:none;padding:2px}



table.default        {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;}

table.default th     {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0}

table.default td     {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px}



table.full           {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;}

table.full th        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0}

table.full td        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px}



/* Grundgeruest */



#blockPre              {}

#blockPreInner         {}



#blockMain             {width:990px;background-color:#FFFFFF;margin:0 auto}

#blockMainInner        {padding:10px 10px 10px 10px}



#blockContent          {float:left;width:558px;padding:0 0 15px 0}

#blockContentInner     {padding:4px 16px 16px 16px}



#blockTop              {height:176px;margin:0 0 10px 0;position:relative;position:relative}

#blockTopInner         {}



#blockRight            {float:right;width:170px;vertical-align:top}

#blockRightInner       {padding:0 0 0 0}



#blockBottom           {padding:10px 0 0 0}

#blockBottomInner      {background-color:#DBE9F2;color:#666666;text-align:center;padding:0 0 0 0;font-size:11px;line-height:24px}



#blockLeft             {float:left;width:242px;}

#blockLeftInner        {}



#blockLeftContentRight {overflow:hidden;margin:0 0 0 0;background-image:url(/de/wGlobal/layout/images/backgrounds/bg_main.gif);background-repeat:repeat-y}



#blockPost             {}

#blockPostInner        {}



/* Globale Elemente */



#globalFunctions                {height:18px;margin:0 0 8px 0;text-align:right}

#globalFunctions a              {line-height:18px;padding:12px 5px 20px 4px;color:#939393}

#globalFunctions a:hover        {}



#logo                           {position:absolute;top:26px;}

#banner                         {position:absolute;left:252px;top:26px;}



#search                         {float:right;margin:0 0 0 0}

.searchLabel                    {float:left;line-height:20px;margin:0 8px 0 0}

.searchInput                    {float:left;width:120px;margin:0 8px 0 0}

.searchButton                   {float:left}



/* Pflegeschaltflaechen */



#beButtonLayoutwizard           {position:absolute;margin:8px 0 0 8px}



#beButtons                      {float:right;margin:-23px 0 0 3px}

#beButtonAdmin                  {}

#beButtonPage                   {float:left;margin:0}

#beButtonContent                {float:left}



#beButtonEditTop                {}

#beButtonEditRight              {position:absolute;margin:1px 0 0 5px}

#beButtonEditBottom             {position:absolute;margin:1px 0 0 5px}

#beButtonEditLeft               {position:absolute;margin:5px 0 0 5px}



#beButtonEditNavigation         {position:absolute;margin:0 0 0 5px}



/* Allgemeine Elemente */



.elementStandard                {margin:0 0 10px 0}

.elementHeadline                {margin:0 0 10px 0}

.elementText                    {margin:0 0 10px 0}

.elementText .fragmentInfo      {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}

.elementText .fragmentWarning   {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/warning.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}

.elementText .fragmentTip       {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/de/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff}





.elementPicture                 {margin:0 0 10px 0}

.elementPicture .title          {line-height:20px;font-size:10px}

.elementLink                    {margin:0 0 10px 0}

.elementVideo                   {margin:0 0 10px 0}

.elementAudio                   {margin:0 0 10px 0}

.elementPortlet                 {margin:0 0 10px 0}

.elementScript                  {margin:0 0 10px 0}

.elementSource                  {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap}

.elementSource h4               {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc}

.elementPlain                   {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0}

.elementDelimiter               {margin:0 0 10px 0}



.elementContainer               {margin:0 0 18px 0}

.elementContainerBox            {margin:0 0 18px 0}



.elementContainer1              {margin:0 0 0 0}

.elementContainer1 .col1        {}



.elementContainer2              {margin:0 0 0 0}



.elementContainer2 .col1        {float:left;width:254px;margin:0 16px 0 0}

.elementContainer2 .col2        {float:left;width:254px}



.elementContainer3              {margin:0 0 0 0}

.elementContainer3 .col1        {float:left;width:164px;margin:0 16px 0 0}

.elementContainer3 .col2        {float:left;width:164px;margin:0 16px 0 0}

.elementContainer3 .col3        {float:left;width:164px}



.elementContainerBox1           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}

.elementContainerBox1 .col1     {}



.elementContainerBox2           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}

.elementContainerBox2 .col1     {float:left;width:49%;margin:0 2% 0 0}

.elementContainerBox2 .col2     {float:left;width:49%}



.elementContainerBox3           {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0}

.elementContainerBox3 .col1     {float:left;width:32%;margin:0 2% 0 0}

.elementContainerBox3 .col2     {float:left;width:32%;margin:0 2% 0 0}

.elementContainerBox3 .col3     {float:left;width:32%}



/* Elemente des oberen Bereich */



/* Elemente des linken Bereiches */



#blockLeft .elementHeadline     {margin:0 0 8px 0px;padding:6px 10px 6px 10px;}

#blockLeft .elementText         {margin:0 0 8px 0px;padding:6px 10px 6px 10px;}



/* Elemente des Inhaltsbereiches */



/* Elemente des rechten Bereiches */



#blockRight .elementHeadline    {margin:0 0 1px 0;padding:2px 6px 2px 10px;background-color:#98BFD7}

#blockRight .elementHeadline h1 {margin:0;padding:0;color:#ffffff;}

#blockRight .elementHeadline h2 {margin:0;padding:0;color:#ffffff;}

#blockRight .elementHeadline h3 {margin:0;padding:0;color:#ffffff;}

#blockRight .elementHeadline h4 {margin:0;padding:0;color:#ffffff;}

#blockRight .elementText        {margin:0 0 10px 0;padding:10px 6px 6px 10px;background-color:#DBE9F2}



/* Elemente des unteren Bereiches */