@charset "UTF-8";


/* yaml_slim_base */
/* "Yet Another Multicolumn Layout" v3.2.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 443 $ $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $ */
@media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}* html iframe,* html frame{overflow:auto}* html frameset{overflow:hidden}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{overflow:hidden}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}
@media screen,projection{#header{position:relative}#topnav{text-align:right}#header #topnav{position:absolute;top:10px;right:10px}#header,#nav,#main,#footer{clear:both}#col1{float:left;width:200px}#col2{float:right;width:200px}#col3{width:auto;margin:0 200px}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize >div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}
@media print{.subcolumns >div,.floatbox{display:table;overflow:visible}.print{position:static;left:0}.noprint{display:none !important}}

/* yaml_basemod */
@media screen,projection{body{overflow-y:scroll;}
body{padding:10px 0;background:#B2B2B2 url(http://www.we-connect.ch/images/site/css/bg.gif) repeat-x 0 0;}
.page_margins{margin:0 auto;}
.page_margins{width:960px;background:#e6994c;}
.page{padding:0;-moz-box-shadow:0 0 5px #323130;-webkit-box-shadow:0 0 5px #323130;box-shadow:0 0 5px #323130;zoom:1;filter:progid:DXImageTransform.Microsoft.Shadow(color='#323130',Direction=135,Strength=3);background:#e6994c;}
#header{padding:45px 2em 10px 20px;color:#000;background-color:#fff;height:265px;}
#header img{position:relative;top:-50px;left:-20px;}
#header_vid{padding:0;height:325px;color:#000;background-color:#fff;}
#topnav{color:#aaa;background:black url(http://www.we-connect.ch/images/site/css/wecon_logo.png) no-repeat 0 0;height:80px;}
#topnav p{margin:0;padding:0;}
#fx1{float:left;position:relative;visibility:visible;left:-177px;top:172px;height:1px;margin-top:-1px;z-index: 999;}
#nav{position:relative;top:-15px;z-index:999;}
#footer{padding:10px 5px;color:#3b3b3b;background:#B2B2B2;}
#footer a{color:white;}
#nav ul{margin-left:20px;}
#main{margin:0 0 10px;background:#fffeff;padding:0 20px 0px;height:100%;}
#col1_home{float:right;width:70%;padding-top:10px;min-width:520px;}
#col1{float:right;width:80%;padding-top:10px;}
#col2{display:none;}
#col3_home{width:auto;margin:0 70% 0 0;}
#col3{width:auto;margin:0 80% 0 0;}
#col1_content{padding:0 20px 0 10px;}
#col3_content{padding:10px 10px 0 0;}
}

/* yaml_content */
@media all{
html *{font-size:100.01%;}
textarea,pre,code,kbd,samp,var,tt{font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;}
body{font-family:Arial,Helvetica,sans-serif;font-size:75.00%;color:#323232;}
.hr_border{border-top:1px solid #dfdfdf !important;padding-top:15px;}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-weight:normal;color:#444545;margin:0 0 0.25em 0;}
h1{font-size:200%;}
h2{font-size:200%;}
h3{font-size:150%;}
h4{font-size:133.33%;}
h5{font-size:116.67%;}
h6{font-size:116.67%;}
#header h2,#header_vid h2{position:relative;top:-175px;color:#f98c1f;font:3.5em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;bottom:10px;font-weight:bold;}
#header_vid h2 {left:50px;}
ul,ol,dl{line-height:1.5em;margin:0 0 1em 1em;}
ul{list-style-type:disc;}
ul ul{list-style-type:circle;margin-bottom:0;}
ol{list-style-type:decimal;}
ol ol{list-style-type:lower-latin;margin-bottom:0;}
li{margin-left:0.8em;line-height:1.5em;}
dt{font-weight:bold;}
dd{margin:0 0 1em 0.8em;}
p{line-height:1.5em;margin:0 0 1em 0;}
blockquote,cite,q{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;}
blockquote{margin:0 0 1em 1.6em;color:#666;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
big{font-size:116.667%;}
small{font-size:91.667%;}
pre{line-height:1.5em;margin:0 0 1em 0;}
pre,code,kbd,tt,samp,var{font-size:100%;}
pre,code{color:#800;}
kbd,samp,var,tt{color:#666;font-weight:bold;}
var,dfn{font-style:italic;}
acronym,abbr{border-bottom:1px #aaa dotted;font-variant:small-caps;letter-spacing:.07em;cursor:help;}
sub,sup{font-size:91.6667%;line-height:0;}
hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #eee solid;}
a{color:#e6994c;background:transparent;text-decoration:none;}
a:visited{}
a:focus{text-decoration:underline;color:#000;background:#fff;outline:3px #f93 solid;}
a:hover,
a:active{color:#ffaa56;text-decoration:underline;outline:0 none;}
p.icaption_left{float:left;display:inline;margin:0 1em 0.15em 0;}
p.icaption_right{float:right;display:inline;margin:0 0 0.15em 1em;}
p.icaption_left img,
p.icaption_right img{padding:0;border:1px #888 solid;}
p.icaption_left strong,
p.icaption_right strong{display:block;overflow:hidden;margin-top:2px;padding:0.3em 0.5em;background:#eee;font-weight:normal;font-size:91.667%;}
.highlight{color:#c30;}
.dimmed{color:#888;}
.info{background:#f8f8f8;color:#666;padding:10px;margin-bottom:0.5em;font-size:91.7%;}
.note{background:#efe;color:#040;border:2px #484 solid;padding:10px;margin-bottom:1em;}
.important{background:#ffe;color:#440;border:2px #884 solid;padding:10px;margin-bottom:1em;}
.warning{background:#fee;color:#400;border:2px #844 solid;padding:10px;margin-bottom:1em;}
.float_left{float:left;display:inline;margin-right:1em;margin-bottom:0.15em;}
.float_right{float:right;display:inline;margin-left:1em;margin-bottom:0.15em;}
.center{display:block;text-align:center;margin:0.5em auto;}
table{width:auto;border-collapse:collapse;margin-bottom:0.5em;border-top:2px #888 solid;border-bottom:2px #888 solid;}
table caption{font-variant:small-caps;}
table.full{width:100%;}
table.fixed{table-layout:fixed;}
th,td{padding:0.5em;}
thead th{color:#000;border-bottom:2px #800 solid;}
tbody th{background:#e0e0e0;color:#333;}
tbody th[scope="row"],tbody th.sub{background:#f0f0f0;}
tbody th{border-bottom:1px solid #fff;text-align:left;}
tbody td{border-bottom:1px solid #eee;}
tbody tr:hover th[scope="row"],
tbody tr:hover tbody th.sub{background:#f0e8e8;}
tbody tr:hover td{background:#fff8f8;}
}

/* yaml_forms */
@media screen,projection{
.yform{background:#f4f4f4;border:1px #ddd solid;margin:0 0 1em 0;padding:10px;}
.yform fieldset{border:1px #ddd solid;background:#fafafa;margin:0 0 1em 0;padding:0.5em;}
.yform legend{font-size:125%;font-weight:normal;color:#000;}
.yform label{color:#666;}
.yform input,
.yform textarea,
.yform select,
.yform optgroup{font-family:Arial,Helvetica,sans-serif;}
.yform .type-text input,
.yform .type-text textarea,
.yform .type-select select{border:1px solid #ddd;}
.yform div.type-text input:focus,
.yform div select:focus,
.yform div textarea:focus,
.yform div.type-text input:hover,
.yform div select:hover,
.yform div textarea:hover,
.yform div.type-text input:active,
.yform div select:active,
.yform div textarea:active{border:1px #a66 solid;background:#fff;}
.yform .type-button input{border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #444 solid;border-bottom:1px #444 solid;color:#000;background:#454545 url(images/button_gray.png) top left repeat-x;padding:5px 1em;}
.yform .type-button input[type=reset]{color:#300;background:#661717 url(/images/site/css/button_red.png) top left repeat-x;}
.yform .type-button input[type=submit]{color:#330;background:#5e5607 url(/images/site/css/button_yellow.png) top left repeat-x;}
.yform .type-button input.reset{color:#300;background:#661717 url(/images/site/css/button_red.png) top left repeat-x;}
.yform .type-button input.submit{color:#330;background:#5e5607 url(/images/site/css/button_yellow.png) top left repeat-x;}
.yform div.type-button input:focus,
.yform div.type-button input:hover,
.yform div.type-button input:active{border-top:1px #444 solid;border-left:1px #444 solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:#fff;background:#555;}
.yform div.type-button input.reset:focus,
.yform div.type-button input.reset:hover,
.yform div.type-button input.reset:active{background:#800;color:#fff;}
.yform div.type-button input.submit:focus,
.yform div.type-button input.submit:hover,
.yform div.type-button input.submit:active{background:#880;color:#fff;}
.yform{overflow:hidden;}
.yform fieldset{overflow:hidden;}
.yform label{display:block;cursor:pointer;}
.yform legend{background:transparent;border:0;padding:0 0.5em;}
.yform .message{display:block;margin-bottom:0.5em;color:#666;}
.yform input[type=hidden]{display:none !important;}
.yform sup{color:#800;font-weight:bold;}
.yform div.type-text,
.yform div.type-select,
.yform div.type-check,
.yform div.type-button{margin:0.5em 0;padding:3px 0.5em;position:relative;overflow:hidden;}
.yform div.type-button{padding:3px 0em;}
.yform .type-text input,
.yform .type-text textarea{display:block;position:relative;padding:0.3em 0.3em;width:58.5%;}
.yform .type-select select{display:block;position:relative;padding:0.3em 2px 0.3em 1px;width:60%;cursor:pointer;}
.yform .type-select select optgroup{font-style:normal;font-weight:bold;}
.yform .type-check input{cursor:pointer;}
.yform .type-check label{display:inline;}
.yform .type-button input{cursor:pointer;overflow:visible;/* Fixes IE7 auto-padding bug */
width:auto;}
.yform div.error{border:1px #a00 dashed;background:#faf4f4;padding:0.5em;}
.yform div.error label{color:#000;font-weight:bold;}
.yform div.error .message{color:#800;}
.yform div.type-check input:focus,
.yform div.type-check input:hover,
.yform div.type-check input:active{border:0 none;}
.full div.type-text input,
.full div.type-text textarea{width:95.5%;margin-right:-3px;}
.full div.type-select select{width:97.0%;margin-right:-3px;}
* html .full div.type-text input,
* html .full div.type-text textarea{width:95.5%;}
* html .full div.type-select select{width:97.0%;}
.columnar .type-text label,
.columnar .type-select label{float:left;width:30%;}
.columnar div.type-check input{margin-left:30%;}
.columnar div.error .message{margin-left:30%;}
.columnar fieldset div.type-button,
fieldset.columnar div.type-button{padding-left:30%;}
.columnar div.type-text input,
.columnar div.type-text textarea{float:left;width:67.8%;margin-right:-3px;}
.columnar div.type-select select{float:left;width:69.4%;margin-right:-3px;}
* html .columnar div.type-text input,
* html .columnar div.type-text textarea{width:67.2%;}
* html .columnar div.type-select select{width:68.8%;}
.yform,
.yform div,
.yform div *{zoom:1;}
.yform{padding-top:0\9;}
.yform fieldset{padding:0 5px\9;padding-top:1em\9;}
.yform legend{position:absolute\9;top:-.5em\9;*left:0\9;}
.yform fieldset{position:relative\9;overflow:visible\9;margin-top:1.5em\9;zoom:1;}
.yform legend{*padding:0 5px;}
.yform fieldset{*padding-top:1.5em;}
* html .yform{padding-top:10px;}
}

/* navigation */
div#nav_main{font-size:12px;color:#333;height:25px;padding-left:26px;}
div#nav_main span.nav_pipe{padding-right:22px;margin-left:-22px;color:#666;}
div#nav_main ul{padding:0;margin:0;list-style:none;}
div#nav_main a{display:block;text-decoration:none;color:#e6994c;padding:5px 0 0;background-color:#000;width:167px;height:23px;font-size:1.4em;text-align:center;}
div#nav_main a:hover{background:#e6994c;color:#000;}
div#nav_main li{float:left;list-style:none;margin-left:10px;margin-bottom:0;width:167px;}
div#nav_main li ul{position:absolute;width:167px;left:-999em;background:#eee;font-size:10px;z-index:10;}
div#nav_main li ul li{width:167px;margin-left:0;}
div#nav_main li:hover ul{left:auto;width:167px;}
div#nav_main li:hover ul,div#nav_main li.sfhover ul{left:auto;}
div#nav_main li:hover,div#nav_main li.hover{position:static;}
div#nav_main a:focus{outline:none}
div#nav_main .selected{font-weight:bold;}
div#col3_content .selected{font-weight:bold;}
div#col3_content ul{margin:4px 0 0 0;}
div#col3_content li{list-style-type:none;margin-left:0;margin-bottom:.3em;}
div#col3_content li ul li{list-style-type:none;margin-left:.8em;margin-bottom:.3em;}