/* =============================================================
Allgemeine Styles
Name: design.css
Erstellungsdatum: 07.01.2009 15:19:25
Modifiziert: 07.01.2009 15:19:29
Author: Scholl Communications AG, sfluri(at)gmail.com
Version: $1.0.0
============================================================= */

/* --- Factory Framework --- */
@import url(/format/styles/slim/shared.base.css);

/* --- Frameworkklassen manipulieren --- */

/* --- Weblication-Includes --- */
@import url(wgl.css);
@import url(nav.css);

/* -------------------------------------------------------------
 GRUNDFORMATIERUNG
------------------------------------------------------------- */

* {margin:0;padding:0} /*nicht mehr benötigt, da via Framework gesetzt*/
html  {overflow-y:scroll;overflow-x:auto} /*vertikales scrollen erwzingen, nicht benötigt da via Framework gesetzt*/
#body {background-color:#9A9A9A}
#bodyPopup  {background-color:#FFFFFF}
body {font:normal 11px/140% arial,helvetica,sans-serif;color:#666;}

/* --- Überschriften --- */
h1 {font:bold 18px/22px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0;}
h2 {font:bold 15px/19px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0}
h3 {font:bold 12px/16px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0}
h4 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0}
h5 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0}
h6 {font:bold 11px/13px arial,helvetica,sans-serif;color:#808080;margin:0 0 14px 0}

/* --- Text-Klassen (Grundelemente), nicht mit elementText verknüpft, damit auch im Editor ersichtlich) --- */

.textSmall {font-size:0.925em;}
.textSmallBold {font-size:0.925em;font-weight:bold;}
.textSmallItalic {font-style:italic;font-size:0.925em;}
.textSmallItalicBold {font-style:italic;font-size:0.925em;font-weight:bold;}
.text {}
.textBold {font-weight:bold;}
.textBoldItalic {font-weight:bold;font-style:italic;}
.textItalic {font-style:italic;}
.textLarge {font-size:1.15em;}
.textLargeBold {font-size:1.15em;font-weight:bold;}
.textLargeItalic {font-size:1.15em;font-style:italic;}
.textLargeItalicBold {font-style:italic;font-size:1.15em;font-weight:bold;}

/* --- Textblöcke --- */
p {margin:0 0 14px 0}

/* --- Listen --- */
ul {margin:0 0 14px 16px;padding:0 0 0 9px;list-style-image:url(/de/wGlobal/layout/images/decoration/bullet_list.gif)}
ol {margin:0 0 14px 28px;list-style-type:decimal}

/* --- 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 {}
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:#B6B6B6;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff}
button:hover {cursor:pointer;background-color:#98BFD7;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff}

/* --- Links --- */
/* --- Links intern/extern/download/video/audio sind nicht notwendig da via Framework definiert --- */
a {text-decoration:none;color:#32A0E0}
a:hover {text-decoration:underline;color:#32A0E0}
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}
td.bgColor1, th.bgColor1 {background-color:#f0f0f0}


/* -------------------------------------------------------------
 BLOECKE
------------------------------------------------------------- */

#blockPre {}
#blockPreInner {}
#blockMain {width:990px;background-color:#FFFFFF;margin:0 auto}
#blockMainInner {padding:10px 10px 10px 10px}
#blockMainPopup {}
#blockMainInnerPopup {padding:10px 10px 10px 10px}
#blockContent1sp {float:left;width:728px;padding:0;}
#blockContent1sp #blockContentInner {padding:0 0 0 10px;}
#blockContent2sp {float:left;width:528px;padding:0;}
#blockContent2sp #blockContentInner {padding:0 20px 0 10px;}
#blockContentInner .fragmentAccessibility {margin-top:2.5em;}
#blockContentInner ul.fragmentFunctions {margin:2em 0 1em 0;padding:0;list-style:none;font-size:0.925em;}
#blockContentInner ul.fragmentFunctions li {margin:0;padding:0 0 0 10px;display:inline;background:#fff url(/format/img/shared/bullets/bullet_functions.gif) left center no-repeat;}
#blockContentInner ul.fragmentFunctions li.first {background-image:none;padding:0}
#blockTop {margin:0 0 10px 0}
#blockTopInner {overflow:hidden;}
#blockRight {float:right;width:200px;vertical-align:top}
#blockRightInner {padding:0 0 0 0}
#blockBottom {padding:10px 0 0 0}
#blockBottomInner {background-color:#DBE9F2;color:#666;padding:0 10px;font-size:0.95em;line-height:20px}
#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 {}
#blockDebug {margin:0 0 0.5em 0;padding:5px;}
#blockDebug ul a {text-decoration:underline !important;}
#blockDebug ul a:hover {color:inherit !important;font-weight:bold;}


/* -------------------------------------------------------------
 GLOBALE ELEMENTE
------------------------------------------------------------- */

ul#globalFunctions {list-style:none;margin:0 0 1em 0;padding:0;}
ul#globalFunctions li {margin:0;padding:0;display:inline;}
ul#globalFunctions li a {line-height:18px;padding-right:10px;color:#939393;}
ul#globalFunctions li a:hover {}

#search {float:right;margin:0;list-style:none;}
#search li {display:inline;margin:0;padding: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}



#languages {height:30px; position:absolute; color:#808080}
#languages a {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:uppercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;}
#languages span {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:lowercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;}
#languages a:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; margin-right:2px;}
#languages .selected {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;}
#languages .selected:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;}
#languages .last {display:inline;}
#logo {float:left;background-color:#ffffff}
#banner {float:right;margin:0 0 0 10px}


.clearLeft {height:0px;line-height:0px;font-size:0px;clear:left;padding:0px;margin:0;overflow:hidden;}
.clearRight {height:0px;line-height:0px;font-size:0px;clear:right;padding:0px;margin:0;overflow:hidden;}
.clearBoth {height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;}

/* -------------------------------------------------------------
 PFLEGESCHALTFLÄCHEN
------------------------------------------------------------- */

#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;line-height:140%;}
.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}
*/

#blockRight .elementHeadline {margin:0 0 1em 0;}
#blockRight .elementSubheadline {margin:0 0 0.5em;}
#blockRight .elementText {margin:0 0 1em 0;padding:0;}
#blockRight .elementPicture {}
#blockRight .elementHeadline h2, #blockRight .wglPortletHead h2 {margin:0;padding:0 0 0 10px;height:24px;vertical-align:middle;color:#fff;background-color:#000;background-image:none;font:bold 1.1em/24px arial,verdana,sans-serif;}
#blockRight .elementSubheadline h3 {margin:0;padding:0 0 0 10px;height:21px;vertical-align:middle;color:#fff;background-color:#c6c6c7;background-image:none;font:bold 1.05em/21px arial,verdana,sans-serif;}
#blockRight .elementSubheadline h4 {margin:0;padding:0;font-size:1em;}
#blockRight .elementPicture img {max-width:250px;}
#blockRight .fragmentInfo {margin:-0.5em 0 0 0;padding:10px;background-color:#f5f5f4;background-image:none;border:1px solid #c6c6c7;}
#blockRight .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}
#blockRight h2 {font-size:1.1em;}
#blockRight p {margin:0;padding:0;}
#blockRight .textSmall {font-size:0.9em;}
#blockRight ul {list-style:none;margin:1em 0;padding:0;}
#blockRight ul li {margin:0 0 0.25em 0;list-style-type:none;}
#blockRight .elementPortlet {margin-bottom:0 !important;} /* Portletstyle übersteuern */
#blockRight .fns_elementListEdit {margin-top:-0.5em;} /* formatstyle übersteuern */
*+html body #blockRight .fns_elementListEdit {margin-top:1.5em !important;} /* formatstyle überstuern IE-Hack */

/* Elemente des unteren Bereiches */