/* =============================================================
Darstellungsklassen
Name: design.css
Erstellungsdatum: 16.06.2008 08:59:34
Modifiziert: 18.09.2008 10:16:56
Author: sfluri(at)format-ag.ch
Version: $1.2.3
============================================================= */

/* --- format WeblicationCMS Addons, CSS-Framework --- */
@import url(/format/styles/slim/shared.base.css);

/* --- Frameworkklassen manipulieren --- */
.fns_elementSystemMessage {position:absolute;visivility:visible;z-index:10;top:120px;left:70px;margin:10px;pading:10px;width:884px;}
hr {visibility:hidden;display:none;}

.fns_elementForm button:hover, .fns_elementForm .button:hover, .fns_elementForm .inputbutton:hover {background-color:#3b7499 !important;color:#fff;}
.fns_elementForm button:focus, .fns_elementForm .button:focus, .fns_elementForm .inputbutton:focus {background-color:#3b7499 !important;color:#fff;}


/*table.fns_elementTable {border-top:1px solid #acaeb2;border-left:1px solid #acaeb2;}
table.fns_elementTable th, .fns_elementTable td {border-right:1px solid #acaeb2;border-bottom:1px solid #acaeb2;}
table.fns_elementTable tr:hover {background:#f9f7f8;}
table.fns_elementTable th {background-color:#e6e6e6;}
table.fns_elementTable td:hover {background-color:#e6e6e6;}*/

/* --- Weblication-Hacks --- */
.editButton {position:absolute;visibility:visible;top:322px;left:60px;}

/* -------------------------------------------------------------
 GRUNDFORMATIERUNG
------------------------------------------------------------- */
 
body {margin:0;padding:0;color:#000;}
html, body {font-size:11px;height:100%;font-family:verdana,arial,sans-serif;}
img {border:none;vertical-align:middle;}

/* -------------------------------------------------------------
 LINKFARBEN (Farben & Effekte)
------------------------------------------------------------- */

a/*, a:active, a:visited */ {color:#3b7499;text-decoration:none;}
a:hover {text-decoration:underline;}
#blockMeta a {color:#3b7499;}
#blockContent a {text-decoration:underline;}
#blockContent a:hover {text-decoration:none;}
#blockContent .fragmentFunctions a {text-decoration:none;}
#blockContent .fragmentFunctions a:hover {text-decoration:underline;}
#blockContent .fragmentCol2 a {text-decoration:none;}
#blockContent .fragmentCol2 a:hover {text-decoration:underline;}
#blockFooter a {color:#7b8795;text-decoration:none;}
#blockFooter a:hover {text-decoration:underline;}
#blockDebug a {color:#7b8795;}

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

#blockMain {margin-left:50px;padding:0;width:920px;min-height:100%;height:auto !important;height:100%;}
#blockMeta {height:120px;}
#blockMeta ul {margin:0;padding:0;width:auto;list-style:none;}
#blockMeta ul li.language {margin:0;height:30px;text-align:right;}
#blockMeta ul li.language ul {float:right;margin:7px 0 0 0;width:auto;list-style:none;}
#blockMeta ul li.language li {display:inline;margin:0;}
#blockMeta ul li.language li a {padding:3px;color:#000;text-decoration:none;}
#blockMeta ul li.language li a.active {background-color:#bcd0d5;color:#fff;text-decoration:none;}
#blockMeta ul li.language li a:hover {background-color:#bcd0d5;color:#fff;text-decoration:none;}
#blockMeta ul li.branding {margin:0;height:60px;width:600px;}
#blockMeta ul li.branding .logo {width:60px;float:left;margin:0;}
#blockMeta ul li.branding .txt {margin:0 0 0 80px;font:bold 1.1em/140% verdana,arial,sans-serif !important;}
#blockMeta ul li.branding .clearfix {clear:left;}
#blockMeta ul li.quicklinks {margin:0;text-align:right;}
#blockMeta ul li.quicklinks ul {float:right;margin:5px 0 0 0;width:auto;list-style:none;}
#blockMeta ul li.quicklinks li {display:inline;margin:0;}
#blockMeta ul li.quicklinks li a {padding:3px;text-decoration:none;}
#blockMeta ul li.quicklinks li a:hover {background-color:#3b7499;color:#fff;text-decoration:none;}
#blockMeta ul li.quicklinks li a.active {background-color:#3b7499;color:#fff;text-decoration:none;}
#blockMeta .fragmentClearfix {clear:both;}
#blockHead {height:200px;margin:0;padding:0;}
#blockHead #blockHeader {height:172px;}
#blockHead #blockHeader img {vertical-align:top;}
#blockHead #blockTop {height:30px;padding-top:8px;}
#blockBody {}
#blockBody .elementPlaceholder {margin:0 0 0 190px;height:0;}
#blockBody #blockLeft {float:left;width:190px;}
#blockBody #blockContent {margin:20px 0 0 190px;padding:0;height:101%;}
#blockContent .fragmentCol1 {margin:0 200px 0 0;padding:0 0 1em 0;min-height:200px;height:auto !important;/*IE6Hack*/height:200px;}/*Selektor blockBody nicht zugewiesen wg. Editor-Struktur*/
#blockContent .fragmentCol2 {float:right;margin:0;width:180px;}/*Selektor blockBody nicht zugewiesen wg. Editor-Struktur*/
#blockContent .fragmentClearfix {clear:left;}/*Selektor blockBody nicht zugewiesen wg. Editor-Struktur*/
#blockBody #blockContent ul.fragmentFunctions {clear:both;margin:2em 0 1em 0;list-style:none;font-size:0.925em;}
#blockBody #blockContent ul.fragmentFunctions li {margin:0;display:inline;background:#fff url(/de/wLayout/design/img/bullets/bullet_functions.gif) left center no-repeat;padding:0 0 0 10px;}
#blockBody #blockContent ul.fragmentFunctions li.first {background-image:none;padding:0;}
#blockBody .fragmentClearfix {clear:both;} /*AlternateClearfix*/
#blockFooter {}
#blockFooter .fragmentBottom {margin:2em 0 1em  0;font-size:0.925em;color:#7b8795;}
#blockFooter .fragmentBottom .elementInformation {margin:0 20% 0 0;}
#blockFooter .fragmentBottom .elementSyndication {float:right;width:20%;text-align:right;}
#blockFooter .fragmentBottom .elementSyndication a {vertical-align:middle;}
#blockDebug {/*position:absolute;top:50px;left;275px;*/margin:1em 0 1em 170px;padding:5px 10px;font-size:0.925em;font-size:0.925em;color:#7b8795;border:1px solid #cecfd2;background:#e9e9e9 url(/format/img/shared/backgrounds/bg_debug.png) top left repeat-x;}

/* -------------------------------------------------------------
 FRAGMENTE
------------------------------------------------------------- */

.fragmentPictureFloatLeft {margin:0 1em 1em 0;float:left;} 
.fragmentPictureFloatRight {margin:0 0 1em 1em;float:right;}
.fragmentThumbFloatLeft {float:left;width:125px;height:auto;} 
.fragmentThumbFloatContent {margin:0 0 0 125px;height:auto;}
.fragmentTextFloatLeft {margin:0 1em 1em 0;float:left;} 
.fragmentFloatLeft {float:left;}
.fragmentFloatRight {float:right;}
.fragmentClearLeft {clear:left;}
.fragmentClearRight {clear:right;}
.fragmentClear {clear:both;}
.fragmentIframe {margin:0 0 1em 0;border:1px solid #dbdbdb;border-right:1px solid #acaeb2;border-bottom:1px solid #acaeb2;background-color:#fff;padding:5px;}
.fragmentIframe:hover {border:1px solid #c8c8c8;border-right:1px solid #999b9e;border-bottom:1px solid #999b9e;background-color:#e9e9e9;}

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

.elementHeadline {padding:0 0 1em 0;}
.elementSubheadline {padding:0;}
.elementStandard {padding:0 0 1em 0;}
.elementDownload {padding:0 0 0.5em 0;}
.elementDownloadSmall {padding:0 0 0.25em 0;}
.elementTable {padding:0 0 1em 0;}
.elementSitemap {padding:0 0 1em 0;}
.elementForm {padding:0 0 1em 0;}
.elementGallery {padding:0 0 1em 0;}
.elementGalleryDetail {padding:0 0 1em 0;width:550px;}
.elementSpace {padding:0 0 0.5em 0;}
.elementWarning {margin:0 0 1em 0;padding:0.25em;/*width:50%;*/color:#cc0033;border:1px solid #ff0000;background-color:#f5b093;}
.elementLine {margin:0 0 1em 0;padding:0;height:6px;background:transparent url(/de/wLayout/design/img/backgrounds/bg_line.gif) top left repeat-x;}
.elementSource {margin:0 0 1em 0;padding:0.5em;border:1px dashed #606060;background-color:#ffffcc;}
.elementSource:hover {background-color:#fdfda1;color:#000;border-color:#000;}

/* --- rechte Spalte --- */
.fragmentCol2 .elementHeadline {margin:0 0 1px;padding:0 5px 0 5px;background-color:#c43c1a;}
.fragmentCol2 .elementSubheadline {margin:0 0 1px;padding:0 5px 0 5px;background-color:#acaeb2;}
.fragmentCol2 .elementStandard {margin:0 0 1em 0;padding:5px 5px 8px 5px;background-color:#f2f1f1;}
.fragmentCol2 .elementItemA {margin:0 0 0.25em 0;padding:0 0 0.25em 0;border-bottom:1px solid #fff;}
.fragmentCol2 .elementItemB {margin:0;}
.fragmentCol2 .elementItem {margin:0 0 0.25em;padding:0 0 0.25em 0;}
.fragmentCol2 .elementSpaceBefore {margin:0.25em 0 0 0;padding:0.5em 0 0  0;border-top:1px solid #fff;}

/* -------------------------------------------------------------
 FORMULARE
------------------------------------------------------------- */

/* -------------------------------------------------------------
 TABELLEN
------------------------------------------------------------- */

/* -------------------------------------------------------------
 BILDER
------------------------------------------------------------- */

img.imgBorder {cursor:auto;border:1px solid #bcd0d5;border-right:1px solid #bcd0d5;border-bottom:1px solid #bcd0d5;background-color:#fff;padding:5px;}
img.imgGallery {cursor:auto;border:1px solid #bcd0d5;border-right:1px solid #bcd0d5;border-bottom:1px solid #bcd0d5;background-color:#fff;padding:5px;}
img.imgGalleryThumbnail {cursor:auto;margin:0 0.5em 0.5em 0;border:1px solid #bcd0d5;border-right:1px solid #bcd0d5;border-bottom:1px solid #bcd0d5;background-color:#fff;padding:5px;}
img.imgIcon {border:none;vertical-align:bottom;padding:0 2px;}
img.imgDownload {margin-right:9px;vertical-align:middle;}
img.imgNoBorder {padding:0;border:none;}
a img.imgBorder, a img.imgGallery, a img.imgGalleryThumbnail {cursor:pointer;border:1px solid #bcd0d5;border-right:1px solid #bcd0d5;border-bottom:1px solid #bcd0d5;}
a img.imgBorder:hover, a img.imgGallery:hover, a img.imgGalleryThumbnail:hover {border:1px solid #3b7499;border-right:1px solid #3b7499;border-bottom:1px solid #3b7499;}

/* --- rechte Spalte --- */
.fragmentCol2 .imgBorder {border:1px solid #dbdbdb;border-right:1px solid #acaeb2;border-bottom:1px solid #acaeb2;;padding:0;}

/* -------------------------------------------------------------
 TYPOGRAFIE
------------------------------------------------------------- */

h1 {padding:0 0 0.5em 0;font:normal 1.6em/140% verdana,arial,sans-serif;color:#3b7499;}
h2 {padding:0 0 0.5em 0;font:bold 1.35em/140% verdana,arial,sans-serif;color:#3b7499;}
h3 {padding:0 0 0.5em 0;font:bold 1.2em/140% verdana,arial,sans-serif;color:#3b7499;}
h4 {font:bold 1em/140% verdana,arial,sans-serif;color:#000;}
/*h5 {font:bold 1em/140% arial,verdana,sans-serif;color:#;}
h6 {font:bold 1em/140% arial,verdana,sans-serif;color:#;}*/

.textSmall {font:normal 0.925em/140% verdana,arial,sans-serif;color:#000;}
.textSmallBold {font:bold 0.925em/140% verdana,arial,sans-serif;color:#000;}
.textSmallItalic {font:italic normal 0.925em/140% verdana,arial,sans-serif;color:#000;}
.text {font:normal 1em/140% verdana,arial,sans-serif;color:#000;}
.textBold {font:bold 1em/140% verdana,arial,sans-serif;color:#000;}
.textBoldItalic {font:italic bold 1em/140% verdana,arial,sans-serif;color:#000;}
.textItalic {font:italic normal 1em/140% verdana,arial,sans-serif;color:#000;}
.textLarge {font:normal 1.1em/140% verdana,arial,sans-serif;color:#000;}
.textLargeBold {font:bold 1.15em/140% verdana,arial,sans-serif;color:#000;}
.textLargeBoldItalic {font:italic bold 1.1em/140% verdana,arial,sans-serif;color:#000;}
.textLargeItalic {font:italic normal 1.1em/140% verdana,arial,sans-serif;color:#000;}
.textSource {font:normal 0.925em/140% courier,monospace,serif;color:#606060;}
.textSourceBold {font:bold 0.925em/140% courier,monospace,serif;color:#606060;}
.textLegend, .textComment {padding:0.5em 0 0 0;font:italic 1em/140% verdana,arial,sans-serif;color:#646466;}
.textPages {padding:0 0 1em 0;font:normal 1em/140% verdana,arial,sans-serif;color:#000;}
.textDownload {margin-left:25px;}

/* --- Listen im Inhalt --- */
#blockContent ul {margin:0.5em 0 0 0;list-style:url(/format/img/shared/bullets/bullet_3d_v1.gif);/*list-style:square;*/}
#blockContent ul li {line-height:140%;}
#blockContent ul li ul {margin:0;list-style:url(/format/img/shared/bullets/bullet_3d_v1_small.gif);}
#blockContent ul li ul li {line-height:140%;}
#blockContent ul.rss {margin:0.5em 0 0 0;list-style:url(/format/img/shared/bullets/bullet_rss_small.gif);}
#blockContent ul.rss li {line-height:140%;}
#blockContent ol {margin:0.5em 0 0 0;list-style-type:decimal-leading-zero;}
#blockContent ol li {line-height:140%;}
#blockContent ol li ol {margin:0;list-style-type:square;}
#blockContent ol li ol li {margin:0 0 0 1.5em;line-height:140%;}

/* --- rechte Spalte --- */
.fragmentCol2 h3 {padding:0;font-size:1em;color:#fff;line-height:27px;vertical-align:middle;}
.fragmentCol2 h4 {padding:0;font-size:1em;color:#000;line-height:27px;vertical-align:middle;}
.fragmentCol2 ul {margin:0.5em 0 0 0;padding:0;list-style:none !important;}
.fragmentCol2 ul li {margin:0;padding:0;}
.fragmentCol2 .text {}
.fragmentCol2 .textLegend {}