/* reset.css v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;}
/* end reset */

/* --- general typo --- */
html, body { font-family: "Verdana", "Helvetica", "Arial", sans-serif; font-size: 11px; line-height: 1.5em; background: url(img/bg-yellow2.jpg) center top no-repeat fixed; }
p { margin: 1em 0; }
h1 { margin-bottom: 1em; font-size: 20px; }
h2 { margin: 2em 0 0em 0; }
h3 { margin: 2em 0 0em 0; }
h4 { margin: 2em 0 -1em 0; }
h2 + h4 { margin-top: 1em; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

#contentBlock-1 h1 { margin-top: 1.5em; }
#contentBlock-1 .csc-header-n1 h1 { margin-top: 0; }

#contentBlock-2 h2 { font-size: 14px; }
/* --- general classes --- */
.outOfSight { position: absolute; top: 0; left: -4000px; }

/* --- layout --- */
#pageWrap { width: 100%; margin: 0; }
#header { width: 900px; margin: 0 auto; height: 120px; margin-bottom: 88px; }
#contentBlock-1 { width: 900px; margin: 0 auto; }
#contentBlock-1InnerWrap { /* background: url(img/contentBlock1Bg2.png) left top;  */width: 900px; float: left; padding-bottom: 340px; }
#content{ width: 610px; float: left; margin-bottom: 30px; }
#sidebarWrapper { width: 210px; float: right; background: url(img/sidebarBg3.png) left -60px; padding-bottom: 340px; margin-bottom: -340px;  }
#sidebar { padding: 0 10px 50px 10px; }
#footer { float: left; width: 100%; background: url(img/footerBgBig2.png) center bottom no-repeat; height: 340px; margin-top: -340px; }

/* --- alternative layouts --- */
#f1b #footer { background-image: url(img/footerBgCity.png); height: 221px; margin-top: -221px; }
#f1b #contentBlock-1InnerWrap { padding-bottom: 221px; }
#f1b #sidebarWrapper { padding-bottom: 221px; margin-bottom: -221px; }
#f1c #footer { background-image: url(img/footerBgStripes.png); height: 185px; margin-top: -185px; background-position: center bottom; }
#f1c #contentBlock-1InnerWrap { padding-bottom: 185px; }
#f1c #sidebarWrapper { padding-bottom: 185px; margin-bottom: -185px; }



#f2a #contentWrapper { width: 900px; margin: 0 auto; }
#f2a #contentWrapperInnerWrap {   background: url(img/contentBlock1Bg2.png) left top;  width: 900px; float: left; padding-bottom: 340px; }
#f2a #contentBlock-1 { width: 610px; float: left; margin-bottom: 30px; }
#f2a #contentBlock-2 { width: 210px; float: right; /* background: url(img/sidebarBg3.png) left -60px; */ padding-bottom: 340px; margin-bottom: -340px; height: 100%; }
#f2a #contentBlock-2InnerWrap { padding: 10px 10px 50px 10px; }

/* #f2a #contentBlock-2 iframe { padding-bottom: 90px; } */

/* --- header --- */
#logo { width: 210px; height: 120px; float: right; }

#menu { width: 690px; float: left; }
#menu ul { margin-top: 100px; }
#menu li { display: inline; margin-right: 6px; }
#menu li.last { margin-right: 0; }


/* --- footer --- */
#footerInnerWrap { width: 900px; margin: 0 auto; }
#footerSidebar { width: 210px; float: right; height: 100px; }

#footer ul { width: 100%; float: left; }
#footer li { width: 100%; float: left; display: block; }
#footer li a { display: block; width: 100%; height: 100%; }
#footerMySpace { height: 40px; background: url(img/footerLinksSprite.png) left center no-repeat; }
#footerFacebook { height: 40px; background: url(img/footerLinksSprite.png) left top no-repeat; }
#footerYouTube { height: 40px; background: url(img/footerLinksSprite.png) left bottom no-repeat; }


/* --- menu in sidebar --- */
#contentBlock-2 .csc-menu-1 { }
#contentBlock-2 .csc-menu-1 { margin-top: 10px; }
#contentBlock-2 .csc-menu-1 .active { font-weight: bold; }


/* --- forms --- */
.formRow { width: 100%; float: left; margin-top: 10px; }

.formRow label {width: 100px; float: left;}
.formRow input { width: 250px; }

.formRow .inputTextSmall { width: 20px; margin-right: 10px; float: left; } 
.formRowArticle label { width: 500px; float: left; padding-top: 3px; }
.formRowArticle .additionalText { float: left; clear: both; margin-left: 36px; font-style: italic; }

.formRowText h4 { margin: 3em 0 1em 0; }
#formStoreArticles h4 { margin-top: 0; }

#formStoreSubmit { margin-top: 15px; float: left; margin-left: 100px; }
#formStoreErrors h4 { margin-bottom: 0; }
#formStoreErrors ul { margin-bottom: 1em; }





/* --- powermail --- */
fieldset.tx-powermail-pi1_fieldset legend { display: none; } 
fieldset.tx-powermail-pi1_fieldset { background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 0; }
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea, fieldset.tx-powermail-pi1_fieldset select { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #444444; }
fieldset.tx-powermail-pi1_fieldset label { text-align: right; padding-right: 20px; 
    color: #000;
    width: 100px;
}

.tx_powermail_pi1_fieldwrap_html_label { padding-bottom: 1em;  }

.powermail_mandatory { margin-right: -10px; padding-left: 5px; }
input.powermail_submit {
    background: -moz-linear-gradient(center top , #666 0%, #000 40%, #333 61%, #999 100%) repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #ffdf00;
    margin: 20px 0 0 120px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(45%,#000), color-stop(56%,#333), color-stop(100%,#444)); /* webkit */
    filter: none; /* ie */
}


.error {
    background: -moz-linear-gradient(center top , #666 0%, #000 40%, #333 61%, #999 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(45%,#000), color-stop(56%,#333), color-stop(100%,#444)); /* webkit */
    background-color: #000;
    border: none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 5px #000;
    -webkit-box-shadow: 3px 3px 5px #000;
    -moz-box-shadow: 3px 3px 5px #000;
    color: #ffdf00;
    filter: none; /* ie */}

.error em { border-color: #444 transparent; }