@charset "UTF-8";
/* YAML_SLIM_BASE */
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de) 
$Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#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:300px}
#col2{float:left;width:300px}
#col3{width:auto;margin:0 300px}
#col1_content,#col2_content,#col3_content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.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 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}
/* YAML_BASEMOD */
/*
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */
@media screen, projection
{
  /*(en) Formatting YAML's  basic layout elements */
  /* (en) Marginal areas & page background */
  body { background: #fff6e3 repeat-x fixed left; padding: 10px 0; }
  /* (en) Centering layout in old IE-versions */
body{text-align:center;}
.page_margins{text-align:left;margin:0 auto;}
  /* (en) Layout: width, background, borders */
.page_margins{width:960px;background:#fff;}
 /* .page { padding: 10px; } */
  /* (en) Designing main layout elements */
#header{color:#000;background:#fff url(/images/header.png) no-repeat left;height:100px;padding-right:59em;padding-top:0;}
#header h2{position:relative;left:-999em;}
#topnav{position:static;color:#fff;background:transparent;}
  /* (en) adjustment of main navigation */
#nav ul{margin-left:20px;}
#main{background:#fff6e3;padding:0;}
#teaser{clear:both;}
#footer{color:#fff;background:#fff6e3 url(/images/footer.gif) no-repeat;line-height:1.5em;padding:17px 20px 10px;}
  /*-------------------------------------------*/
  /*(en) Formatting content container*/
#col1{float:left;width:25%;}
#col1_content{padding:10px 0 10px 20px;}
#col2{}
#col2_content{padding:10px 0;}
#col3{width:auto;margin:0 0 0 25%;}
#col3_content{padding:10px 20px 10px 0;}
#main.subpage{background-color:#fff;}
.home #col1{width:280px;margin:0;background:url(/images/content-home-l.jpg) no-repeat;height:180px;padding: 200px 20px 0px;}
.home #col1_content{padding: 0 0 10px;}
.home #col2{width:280px;margin:0;background:url(/images/content-home-c.jpg) no-repeat;height:180px;padding:200px 20px 0px;}
.home #col2_content{padding:0 0 10px;}
.home #col3{margin:0 0 0 640px;background:url(/images/content-home-r.jpg) no-repeat;height:170px;padding:200px 20px 0px;}
.home #col3_content{padding:0 0 10px;}
.subpage #col2{display:none;}
/*---------------------------------------------*/
 /*(en) Styling of layout specific elements*/
  #header h1{font-weight:bold;font-size:2.5em;letter-spacing:-2px;line-height:65%;color:#000;}
#header a{height:100px;}
#col1_content h3,col1_content h2,col1_content h1{font-family:"Lucida Grande",Lucida,Verdana,sans-serif;color:#000;}
#col3_content h1,#col3_content h2,#col3_content h3{color:#000;font-family:"Lucida Grande",Lucida,Verdana,sans-serif;}
#col1_content a{font-size:12px;color:#153f93;}
#col1_content a:focus,#col1_content a:hover,#col1_content a:active{}
#col1_content h3 a{font-size:15px;}
#header span{color:#fff;position:relative;top:-4px;}
.subpage p{font:13px "Lucida Grande",Lucida,Verdana,sans-serif;color:#000;}
tbody tr.nohover:hover td{background:#153f93;}
#topnav a{color:#fff;font-weight:normal;background:transparent;text-decoration:none;}
#topnav a:focus, #topnav a:hover, #topnav a:active{text-decoration:underline;background-color:transparent;}
#footer a{color:#fff;background:transparent;font-weight:bold;}
#footer a:focus, #footer a:hover, #footer a:active{background-color:transparent;text-decoration:underline;}
}

/* YAML_CONTENT */
/*
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Uniform design of standard content elements
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /*
  * Fonts
  * (en) global settings of font-families and font-sizes
  * @section content-global-settings
  */
  /* (en) reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01%; }
 /*(en) reset monospaced elements to font size 16px in all browsers
   * @see: http://webkit.org/blog/67/strange-medium/*/
textarea,pre,code,kbd,samp,var,tt{font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;}
  /* (en) base layout gets standard font size 12px */
body{font-family: "Lucida Grande", Lucida, Verdana, sans-serif;font-size:75.00%;color:#000;}
  /*--- Headings | Überschriften ----------------------------------------*/
h1,h2,h3,h4,h5,h6{font-family:"Times New Roman",Times,serif;font-weight:normal;color:#fff;margin:0 0 0.25em 0;}
h1{font-size:250%;}
/* 30px */
h2{font-size:200%;}
/* 24px */
h3{font-size:150%;}
/* 18px */
h4{font-size:133.33%;}
/* 16px */
h5{font-size:116.67%;}
/* 14px */
h6{font-size:116.67%;}
/* 14px */
/* --- Lists | Listen ------------------------------------------------- */
ul,ol,dl{line-height:1.5em;margin:0 0 1em 1em;}
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-latin;}
li{margin-left:.8em;margin-bottom:.8em;line-height:1.5em}
dt{font-weight:bold;}
dd{margin:0 0 1em 0.8em;}
/* --- general text formatting | Allgemeine Textauszeichnung ----------------------- */
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;}
pre,code,kbd,tt,samp,var{font-size:100%;}
pre,code{color:#800;}
pre{line-height:1.5em;margin:0 0 1em 0;}
kbd,samp,var{color:#666;}
var{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%;}
hr{color:#fff;background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom:1px #eee solid;}
/*--- Links ------------------------------------------------------ */
a{color:#153f93;background:transparent;text-decoration:none;
	font-weight: bold;
}
a:visited{}
a:focus,
a:hover,
a:active{text-decoration:underline;}
/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) -------- */
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%;}

 /* ---------------------------------------------------------- #
  * Generic Content Classes
  * (en) standard classes for positioning and highlighting
  * @section content-generic-classes
  */
.highlight{color:#f60;}
.dimmed{color:#888;}
.info{background:#f8f8f8;color:#666;padding:10px;margin-bottom:0.5em;font-size:91.7%;}
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock{float:left;background:#f8f8f8;color:#666;padding:10px 0 30px 10px;margin-bottom:1em;font-size:91.7%;width:430px;overflow:auto;}
code{white-space:nowrap;}
.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;}

 /*--------------------------------------------------------------------- #
  * Tables | Tabellen
  * (en) Generic classes for table-width and design definition
  * @section content-tables
  */
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;}

 /* ----------------------------------------------------------- #
  * Miscellaneous | Sonstiges
  * @section content-misc
  */

 /*
  * (en) Emphasizing external Hyperlinks via CSS
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
}

/* YAML_FORMS */
/*eeSiteKit replaces the default "form.yform" with "div.yform" to get this to work with ExpressionEngine because EE won't yet allow us to assign a class to the form tag. http://expressionengine.com/forums/viewthread/111428/ */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) CSS-component for creating vertical forms
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */
@media all
{
  /*YAML Forms - visual styling
   *  (en) visual form styling area */
div.yform{background:#f4f4f4;border:1px #ddd solid;margin:0 0 1em 0;padding:10px;}
div.yform fieldset{border:1px #ddd solid;background:#fafafa;margin:0 0 0 0;padding:0.5em 1em;}
div.yform legend{font-size:125%;font-weight:normal;color:#333;}
div.yform label{color:#666;}
div.yform .type-text input,
div.yform .type-text textarea,
div.yform .type-select select{font-family:Arial,Helvetica,sans-serif;/* proportional fonts for all form elements */
border:1px solid #ddd;}
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
div.yform div input:focus,
div.yform div select:focus,
div.yform div textarea:focus,
div.yform div input:hover,
div.yform div select:hover,
div.yform div textarea:hover,
div.yform div input:active,
div.yform div select:active,
div.yform div textarea:active{border:1px #a66 solid;background:#fff;}
/* Styling of buttons | Gestaltung von Buttons */
div.yform .type-button input{border-top:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #888 solid;border-bottom:1px #888 solid;color:#000;background:#ccc;padding:.4em 1.1em;}
div.yform .type-button input#reset{color:#300;background:#661717;}
div.yform .type-button input#submit{color:#000;background:#ccc;}
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
div.yform div.type-button input:focus,
div.yform div.type-button input:hover,
div.yform div.type-button input:active{border-top:1px #888 solid;border-left:1px #888 solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:#fff;background:#999;}
div.yform div.type-button input#reset:focus,
div.yform div.type-button input#reset:hover,
div.yform div.type-button input#reset:active{background:#800;color:#fff;}
div.yform div.type-button input#submit:focus,
div.yform div.type-button input#submit:hover,
div.yform div.type-button input#submit:active{background:#999;color:#fff;}
 /*------------------------------------------------------
  * Vertical-Forms - technical base (standard)
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */
/* General form styling | Allgemeine Formatierung des Formulars */
div.yform{overflow:hidden;}
div.yform fieldset{overflow:hidden;}
div.yform legend{background:transparent;border:0;}
div.yform label{display:block;cursor:pointer;}
div.yform .message{display:block;margin-bottom:0.5em;color:#666;}
/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
div.yform input[type=hidden]{display:none !important;}
/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
div.yform sup{color:#800;font-weight:bold;}
/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
div.yform div.type-text,
div.yform div.type-select,
div.yform div.type-check,
div.yform div.type-button{margin:1em 0;position:relative;overflow:hidden;}
/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
div.yform .type-text input,
div.yform .type-text textarea{display:block;position:relative;padding:0.3em 0.3em;/* width:58.5%;*/
width:90%;}
div.yform .type-select select{display:block;position:relative;padding:0.3em 2px 0.3em 1px;width:60%;cursor:pointer;}
div.yform .type-select select optgroup{font-style:normal;font-weight:bold;}
div.yform .type-check input{cursor:pointer;}
div.yform .type-check label{display:inline;}
/* Styling of buttons | Gestaltung von Buttons */
div.yform .type-button input{width:auto;cursor:pointer;}
/* Styling of error-messages | Fehlermeldungen */
div.yform div.error{border:1px #a00 dashed;background:#faf4f4;padding:0.5em;}
div.yform div.error label{color:#000;font-weight:bold;}
div.yform div.error .message{color:#800;}
 /*------------------------------------------------------------------------------------------------------
  * Columnar forms display - technical base (optional)
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  * (en) Styling of forms where label floats left of form-elements
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */
/* Columnar display | Spalten-Darstellung */
.columnar .type-text label,
.columnar .type-select label{float:left;width:30%;/* Can be fixed width too | Kann auch eine fixe Angabe sein */}
/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken,wie die Breite der labels */
.columnar div.type-check{padding-left:30%;}
.columnar div.error .message{margin-left:30%;}
.columnar div.type-text input,
.columnar div.type-text textarea{width:67.8%;}
.columnar div.type-select select{width:69.4%;}
/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
* html .columnar div.type-text input,
* html .columnar div.type-text textarea{width:67.2%;}
* html .columnar div.type-select select{width:68.8%;}
 /*------------------------------------------------------------------------------------------------------
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
/* IE5.x & IE6 */
* html div.yform legend{position:absolute;top:-.5em;left:.5em;}
* html div.yform fieldset{overflow:visible;height:1%;margin-top:1.5em;padding-top:1.5em;}
/* IE7 & IE8 */
* +html div.yform legend{margin-top /***/:-1.1em;left:-.5em;}
* +html div.yform fieldset{overflow /***/:visible;height:1%;}
}
/* eeSitKit 2.0 Main Naivgation CSS July 2009 */
div#nav_main{font-size:12px;color:#333;height:41px;background:url(/images/menu.gif) no-repeat;padding-bottom:0;}
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:#fff;border-top:#fff 1px solid;padding-top:10px;padding-bottom:10px;width:159px;text-align:center;text-transform:uppercase;}
div#nav_main a:hover{background:#5881bb;color:#333;}
div#nav_main li{float:left;list-style:none;margin-left:1px;margin-bottom:0;width:159px;}
div#nav_main li ul{position:absolute;width:159px;left:-999em;background:#5881bb;font-size:12px;z-index:10;}
div#nav_main li ul li{width:159px;text-transform: none;}
div#nav_main li li a {text-transform: capitalize;}
div#nav_main li:hover ul{left:auto;width:160px;}
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;}
/* NAV SUB */
div#col1_content .selected{font-weight:bold;}
div#col1_content ul{margin:4px 0 0 0;}
div#col1_content li{list-style-type:none;margin-left:0;margin-bottom:.3em}
div#col1_content li ul li{list-style-type:none;margin-left:.8em;margin-bottom:.3em}