/* =============================================================
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);
@import url(start.design.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 {}
#bodyPopup  {background-color:#FFFFFF}
body {font:normal 12px/140% arial,helvetica,sans-serif;color:#000;}

/* --- Überschriften --- */
h1 {font:bold 18px/22px arial,helvetica,sans-serif;color:#000;margin:0 0 14px 0;}
h2 {font:bold 15px/19px arial,helvetica,sans-serif;color:#000;margin:0 0 14px 0}
h3 {font:bold 12px/16px arial,helvetica,sans-serif;color:#000;margin:0 0 14px 0}
h4 {font:bold 11px/13px arial,helvetica,sans-serif;color:#000;margin:0 0 14px 0}
h5 {font:bold 11px/13px arial,helvetica,sans-serif;color:#000;margin:0 0 14px 0}
h6 {font:bold 11px/13px arial,helvetica,sans-serif;color:#000;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}
.book5 {margin:0 0 0 5px;padding:0;}
ul.bookmark {margin:0 0 0 15px;padding:0;list-style:none;list-style-image:none !important;}

/* --- Definitionslisten --- */
dl {}
dt {}
dd {margin:0 0 14px 0;padding:0 0 0 16px;color:#a0a0a0}

/* --- Horizontale Linien --- */
hr {background-color:#d1d1d1;color:#d1d1d1;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;font-weight:bold;background-color:#c6c6c7;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff}
button:hover {cursor:pointer;font-weight:bold;background-color:#7f7f7f;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:#000}
a:hover {text-decoration:underline;color:#606060}
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}
a.noicon {padding:0 !important;margin:0 !important;background-image:none !important;}
/* --- 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:1020px;background-color:#FFFFFF;margin:0 auto}
#blockMainInner {padding:10px 10px 0 10px}
#blockMainPopup {}
#blockMainInnerPopup {padding:10px 10px 10px 10px}
#blockContent1sp {float:left;width:755px;padding:0;}
#blockContent1sp #blockContentInner {padding:5px 0 0 15px;}
#blockContent2sp {float:left;width:528px;padding:0;}
#blockContent2sp #blockContentInner {padding:0 10px 0 20px;}
#blockContentInner .fragmentAccessibility {margin-top:5px;}
#blockContentInner ul.fragmentFunctions {margin:5px 0 5px 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 {margin:0;padding:0 2px 0 2px;display:inline;}
#blockContentInner ul.fragmentFunctions li.first {background-image:none;padding:0}
#blockTop {margin:0 0 5px 0}
#blockTopInner {overflow:hidden;padding:1em 0 0 0}
#blockRight {float:right;width:200px;border-top:1px dashed #d1d1d1;padding:1.1em 0 0 0;margin:5.8em 0 0 0;vertical-align:top}
*+HTML #blockRight {margin-top:5.75em;}
* HTML #blockRight {margin-left:-10px;margin-top:74px;}
#blockRightInner {padding:0 0 0 0}
#blockBottom {border-top:1px dashed #d1d1d1;}
#blockBottomInner {color:#666;padding:5px 0 0 10px;font-size:0.95em;line-height:20px}
#blockBottomInner a {color:#666;}
#blockBottomInner ul.fragmentFunctions {float:right;margin:0;padding:0;list-style:none;font-size:0.925em;}
#blockBottomInner ul.fragmentFunctions li {margin:0;padding:0 2px 0 2px;display:inline;}
*+html body #blockBottomInner ul.fragmentFunctions {margin-top:-17px;font-size:0.95em;}
* HTML #blockBottomInner ul.fragmentFunctions {margin-top:-17px;font-size:0.95em;}
#blockLeft {float:left;width:242px;}
#blockLeftInner {}
#blockLeftContentRight {overflow:hidden;margin:0 0 0 0;}
#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 {float:left;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 V.1 */
#search {float:left;margin:0 0 0 2em;list-style:none;}
* HTML #search {margin-top:-2px;}
#search .searchForm {height:30px;}
#search #searchsubmit {background:transparent url(/format/img/shared/icons/icon_search_14x14.gif) no-repeat;border:0 none;height:16px;margin:0.2em 0 0 -1.5em;position:absolute;width:16px;}
/*#search #searchsubmit {background-repeat:no-repeat;background-image:url(/de/img/headerbilder/searchiconYellow.png);background-color:transparent;border:0 none;color:nsparent;height:35px;margin:0 0 0 -2em;position:absolute;width:37px;}*/
#search input {width:120px;border:1px solid #808080}
*+HTML #search #searchsubmit {margin:0.25em 0 0 -1.6em;}


.searchLabel {padding-right:0.5em;}
/* SEARCH V.2
#search {float:left; margin:0;background-image:url(/format/img/shared/backgrounds/searchform.gif); background-repeat:no-repeat;}
*+HTML #search { clear:both; float:left; margin:0 0 0 0;}
*HTML #search { clear:both; float:left;; margin:0 0 0 0;padding:0 0 0 0}


#search li { margin:0;padding:0;}
.searchLabel {float:left;line-height:20px;margin:0 8px 0 0}
.searchInput {float:left;width:113px;margin:0 8px 0 0;}
#search form input {font-weight:normal; width:140px; height:13px;  border:none; background:transparent}
*+HTML #search form input {font-weight:normal; width:140px; height:16px;  border:none; background:transparent}
.searchIconLeft {float:left;}
.searchForm {float:left;}
.searchImage {}
#search .searchIconLeft {width:7px;  height:22px; }
#search button:hover {cursor:pointer;}
#search button img {background-color:white}
#search #searchsubmit {width:26px; height:22px; margin:-0.2em 0 0 0;border:none;background-color:transparent}
*HTML #search #searchsubmit {width:26px; height:22px; margin:-0.4em 0 0 0;border:none;background-color:transparent}
*/


#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;}
#talus_bg {width:1002px; height:352px; margin: 3em 0 0 0; background-image:url(/format/img/shared/backgrounds/talus_bg.gif); background-repeat:no-repeat;}
#talus_bg img {margin:1.3em 0 0 1.4em;}
#talus_bg_middle {width:1002px; height:287px; margin: 3em 0 0 0; background-image:url(/format/img/shared/backgrounds/talus_bg_middle.gif); background-repeat:no-repeat;}
#talus_bg_middle img {margin:1.1em 0 0 1em;}
*+HTML #talus_bg_middle {margin-top:8px;}
* HTML #talus_bg_middle {margin-top:0;}
#talus_bgSlim {width:1002px; height:188px; margin: 3em 0 0 0; background-image:url(/format/img/shared/backgrounds/talus_bgSlim.gif); background-repeat:no-repeat;}
#talus_bgSlim img {margin:1.2em}
#logo {float:right;width:200px; height:33px;padding-right:5px;background-color:#ffffff;}
* HTML #logo {margin-top:-40px;}
#banner {padding:13px 0 0 15px;}


.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;}

div#partnerBorder {width:230px;height:100px;background-image:url(/de/img/partnerlogos/border.gif);background-repeat:no-repeat;}
div#partner {width:230px;height:100px;}
div#partner img {margin:2em 0 0 4.5em;width:115px;height:50px;}

/* -------------------------------------------------------------
 PARTNERLOGOS IN RECHTER SPALTE
------------------------------------------------------------- */
div#partnerBorderRight {width:180px;height:78px;background-image:url(/de/img/partnerlogos/bordersmall.gif);background-repeat:no-repeat;}
div#partnerRight {width:180px;height:70px;}
div#partnerRight img {margin:1em 0 0 2.5em;width:115px;height:50px;}
/* -------------------------------------------------------------
 PFLEGESCHALTFLÄCHEN
------------------------------------------------------------- */

#beButtonLayoutwizard {position:absolute;margin:8px 0 0 8px}
#beButtons {float:right;position:absolute;margin:-23px 0 0 3px;}
*+HTML #beButtons {float:left;position:absolute;margin:-53px 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 */


.wglListEntryDetails {border-bottom:none;}
#blockContent1sp .elementHeadlineTop h1 {border-bottom: 1px dashed #d1d1d1;width:100%;height:2em}
#blockContent2sp .elementHeadlineTop h1 {border-bottom: 1px dashed #d1d1d1;width:30em; height:2em}

.elementStandard {margin:0 0 10px 0}
.elementHeadline {margin:0 0 10px 0}
.elementHeadline h2 {border-bottom: 1px dashed #d1d1d1;height:2em;width:100%}

.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 0 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 */

.fns_elementListEdit ul li {list-style-image:none}
.fns_elementListEdit ul li.space {border-bottom:none; padding:0.5em 0 0.7em;}

/* --- 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 */

* HTML p.fns_itemVSpaceSmall img {width:120px;height:60px;}
/* Elemente des unteren Bereiches */
