/*
////////////////////////////////////////////////////////////////
//
// Allgemeine Styles
//
// Weblication GRID CMS Strukturdesign Version 5.0.9.1
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/* Stylesheet für Navigationen */
@import url(reset.css);
@import url(nav.css);

/* Formatierung von HTML-Elementen */

html                 {}
body                 {background:#d7d7d7;margin:0;padding:0;font-family:Arial, Sans-serif, Helvetica;font-size:11px;color:#333333;}

/* Grundgerüst */

#blockMain             {position: absolute; left: 50%; margin:20px auto 20px -468.5px; width:950px; padding:0;z-index:2;}
#start #blockMain      {height:115px; top: 50%; margin-top: -57.5px;}

#bg_image    {}
#bg_image_container  {overflow:hidden;position:fixed !important;width:100%;z-index:1;}

#blockMainInner        {margin:0 0 6px 0;padding:0;}
#start #blockMainInner        {margin:0 0 16px 0;}

#blockTop              {margin:0;padding:0;}

  #logo                           {float:left;margin:16px 0 16px 0;height:96px}
  
  #globalFunctions                {margin:0;padding:0;}
   
  #beButtonEditMetaNavigation     {position:absolute;margin:29px 0 0 136px}
  #navigationMeta                 {float:left;margin-left:20px;}    
  
  #beButtonEditNavigation         {position:absolute;margin:4px;margin-top:30px;}
  #navigationMain                 {}
  
#beButtons                        {position:absolute;margin:-22px 0 0 434px;}
#beButtonsPage                    {position:absolute;right:0; margin:-22px 0 0 0;}

#blockContent                     {clear:both;overflow:hidden;width:100%; background-color:#FFFFFF;}
  
  #blockContentInner              {margin:20px 20px 0 20px;}


#blockFooter                      {color:#fff;font-size:10px;margin:0 20px;}
 
  #blockFooter a                  {color:#fff;text-decoration:none}
  #blockFooter a:hover            {}

  .bg_switch                      {text-align:center; position:absolute; bottom:8px; width:100%; z-index:100;}
  .bg_image_th                    {border:1px solid #c0c0c0; margin-right:3px; margin-bottom:6px;cursor:pointer;}
  .bg_image_th:hover              {border:1px solid #005896;}

/* Container, um z.B. mehrspaltige Bereiche zu ermöglichen */

#blockContent .col1_30        {float:left; width:290px; margin:0}
#blockContent .col2_70        {float:right;width:600px}

#blockContent .col1_70        {float:left; width:600px;margin:0}
#blockContent .col2_30        {float:right;width:290px}

/* Überschriften */

h1                   {font-size:18px;color:#333333;margin:0 0 18px 0;}
h2                   {font-size:16px;color:#333333;margin:0 0 18px 0;}
h3                   {font-size:12px;color:#333333;margin:0 0 18px 0;}
h4                   {font-size:12px;color:#333333;margin:0 0 18px 0;}

.subline              {font-size:13px;color:#a0a0a0}
.description          {font-weight:bold}

/* Textblöcke */
p                    {line-height:16px;margin:0 0 10px 0}

/* Listen */
ul                   {}
ol                   {}

/* Definitionslisten */
dl                   {}
dt                   {}
dd                   {}

/* Horizontale Linien */
hr                   {}

/* Formularelemente */

form                 {}

fieldset               {border:0;padding:0;margin:0 0 10px 0}
input                  {font:inherit;padding:1px 0 1px 0;margin:0;border:1px solid #999999;border-color:#999999 #cccccc #cccccc #999999;}
select                 {font:inherit;padding:0;margin:0;border:1px solid #999999;border-color:#999999 #cccccc #cccccc #999999;}
textarea               {font:inherit;padding:0;margin:0;border:1px solid #999999;border-color:#999999 #cccccc #cccccc #999999;}
input[type="radio"]    {border:none}
input[type="checkbox"] {border:none}
input[type="file"]     {border:none}

button               {cursor:pointer;font:inherit;font-size:11px;background-color:#dddddd;border:solid 1px #a0a0a0;margin-right:4px;}
button:hover         {background-color:#f0f0f0}

.wglButton           {}

/* Links */

a                    {text-decoration:none;color:#005893;}
a.intern             {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/intern.gif) center left no-repeat}
a.extern             {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/extern.gif) center left no-repeat}
a.download           {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/download.gif) center left no-repeat}
a.pdf                {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/pdf.gif) center left no-repeat}
a.audio              {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/audio.gif) center left no-repeat}
a.video              {padding:0 0 0 14px;background:url(/global/wGlobal/layout/images/links/video.gif) center left no-repeat}

a:hover              {text-decoration:none;}
/* Bilder */

a img                {border:none}

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

#blockRight img.picture          {margin:0}
#blockRight img.pictureLeft      {margin:0}
#blockRight img.pictureRight     {margin:0}

/* Tabellen */

table                {font:inherit;color:inherit;border:none}
tr, thead, tbody     {}
th, td               {vertical-align:top}

table.light          {border:none;margin-bottom:12px;border-collapse:collapse;}
table.light th       {border:none;text-align:left;background-color:#f0f0f0}
table.light td       {border:none;padding:4px}

table.default        {border-style:none;border-width:0px;border-color:#a0a0a0;margin-bottom:12px;border-collapse:collapse;width:100%}
table.default th     {border-style:none;border-width:0px;border-color:#a0a0a0;padding:1px 0;text-align:left;}
table.default td     {border-style:none;border-width:0px;border-color:#a0a0a0;padding:1px 0;}

table.full           {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;border-collapse:collapse;}
table.full th        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:4px;text-align:left;background-color:#f0f0f0}
table.full td        {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:4px}

td.bgColor1, th.bgColor1 {background-color:#f0f0f0}

/* Globale Elemente */

.clearBoth   {display:block;width:100%;height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;}
.clickable   {cursor:pointer}
.clickable * {cursor:pointer}
.invisible   {display:none}
.highlighted {background-color:yellow}
.inactive      {display:none;}
.active      {display:block;}

/* Allgemeine Elemente */

.webpartner        {float:right;}
a.webpartner       {color:#fff;text-decoration:none}
#start .webpartner {float:none;}


.elementStandard                {margin:0 0 10px 0}
.elementHeadline                {margin:0 0 10px 0}

.elementText                    {margin:0 0 15px 0}
.elementText *                  {line-height:16px}
.elementText ul, .elementText ol                  {margin-left:16px}
.elementPicture                 {margin:0 0 10px 0}
.elementPictureText             {margin:0 0 10px 0;overflow:hidden}
.elementPictureText .fragmentPicture {float:left}
.elementPictureText .fragmentText    {float:right}
.elementPictureLeft	{float:left;margin:0 10px 10px 0}
.elementPictureRight	{float:right;margin:0 0 10px 10px}
.elementLink                    {margin:0 0 10px 0}
.elementLinkImage               {margin:0 0 10px 0}
.elementLinkImage div           {display:table-cell;vertical-align:middle;}
.elementLinkImage a             {display:table;margin:0 10px 0 0;line-height:14px;font-size:12px;}
.elementVideo                   {margin:0 0 10px 0}
.elementAudio                   {margin:0 0 10px 0}
.elementList                    {margin:0 0 10px 0}
.elementDelimiter               {margin:0 0 10px 0}
.elementClearer                 {margin:0 0 0 0;height:0px;clear:both}
.elementContainer               {margin:0 0 10px 0;overflow:hidden;width:100%;}
.elementForm                    {margin:0 0 10px 0}
.elementGallery                 {margin:0 0 10px 0}
.elementGallery .imageFrame     {float:left;padding:11px;margin:0 8px 8px 0;background-color:#f0f0f0;border:solid 1px #f0f0f0}
.elementGallery .lastImageFrameOfRow {margin-right:0}
.elementGallery .imageTitle     {margin-right:0;text-align:center}
.elementButton                  {margin:0}
.elementButton .wglButton       {margin-bottom:4px;}

.elementBoxSheet                {margin:0 0 10px 0;overflow:hidden;background-color:#f0f0f0;padding:15px 15px 5px 15px;}
.elementBoxBlank                {margin:0 0 10px 0;overflow:hidden;padding:10px 10px 0 10px;}

div.tagcloud                    {}
div.tagcloud a                  {padding:0 4px 0 0;line-height:100%;display:inline-block;}
div.tagcloud .highlighted       {color:#cb0a1c}

.errorMessages                  {margin:0 0 10px 0;padding:8px;background-color:#ffcccc}
.errorMessages *                {}
.wglErrorMessage                {color:red;display:block;line-height:16px}
.errorMessages .wglErrorMessage {}
.textInfo                       {color:#666666;line-height:16px}             

.elementForm table              {width:400px}
.elementForm td                 {padding:4px 0 0 0}
.elementForm .rowText           {}
.elementForm .formButtons       {text-align:right}
.elementForm label              {white-space:nowrap;padding:0 4px 0 0}

dl.form                         {display:table;margin:0;padding:0}
dl.form dt                      {display:block;clear:left;margin:0 0 2px 0}
dl.form dt label                {font-weight:bold;}
dl.form dd                      {display:block;margin:0 0 10px 0;overflow:hidden;}

.wglRadioFloat                  {}
.wglRadioFloat input            {margin:0;float:left}
.wglRadioFloat label            {float:left;padding:0 4px 0 4px}

.wglRadio                       {display:block;clear:left;padding:4px 0 4px 0}
.wglRadio input                 {margin:0;float:left}
.wglRadio label                 {float:left;padding:0 4px 0 4px;color:black}

.wglCheckbox                    {display:block;clear:left;padding:4px 0 4px 0}
.wglCheckbox input              {margin:0;float:left}
.wglCheckbox label              {float:left;padding:0 4px 0 4px}

.wglCheckboxFloat               {margin:0 2px 0 0}

/*** language select ***/
#languages                      {margin:15px 5px 0 0;float:right;width:100px;height:15px;padding:0;}
#languages ul                   {list-style-type:none;margin:0;padding:0;}
#languages li                   {float:left;margin-right:6px;}
#languages li a                 {display:block;width:15px;height:10px;text-decoration:none;}
#languages li a.de              {background:url(/global/wGlobal/layout/images/flags/flag_de.gif) center left no-repeat}
#languages li a.de-off          {background:url(/global/wGlobal/layout/images/flags/flag_de_off.gif) center left no-repeat}
#languages li a.de-off:hover    {background:url(/global/wGlobal/layout/images/flags/flag_de.gif) center left no-repeat}
#languages li a.fr              {background:url(/global/wGlobal/layout/images/flags/flag_fr.gif) center left no-repeat}
#languages li a.fr-off          {background:url(/global/wGlobal/layout/images/flags/flag_fr_off.gif) center left no-repeat}
#languages li a.fr-off:hover    {background:url(/global/wGlobal/layout/images/flags/flag_fr.gif) center left no-repeat}
#languages li a.uk              {background:url(/global/wGlobal/layout/images/flags/flag_uk.gif) center left no-repeat}
#languages li a.uk-off          {background:url(/global/wGlobal/layout/images/flags/flag_uk_off.gif) center left no-repeat}
#languages li a.uk-off:hover    {background:url(/global/wGlobal/layout/images/flags/flag_uk.gif) center left no-repeat}

/*** projekt liste ***/

ul.project_list                 {width:100%;margin:0;padding:0;list-style-type:none;overflow:hidden;}
ul.project_list a               {text-decoration:none;}
ul.project_list h3              {margin:0;}
.single_image                   {margin-bottom:7px;height:403px}
.project_title                  {margin:0;}
.project_title a                 {color:#333;}
.project                        {float:left;width:290px;margin:0 20px 15px 0;}
.project_image                  {border:1px solid #999999;}
a.image                         {display:inline-block;margin:0 7px 7px 0;border:1px solid #999999;}
a.image:hover, a.active         {border:1px solid #005896;}
a.last, .last                           {margin-right:0;}

/*** projekt flip ***/

.project_flip                   {overflow:hidden;font-size:12px;margin-bottom:16px;}
.project_flip .prev             {float:left;}
.project_flip .next             {float:right;}