/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
 
 
 
/*
div#zone-header,
div#zone-content {
	background-color:orange;
}

aside#region-navigation {
	background-color:orange;
}

aside#region-related { 
	background-color:orange; 
}
*/



/*  font size / line height  */

h1 {
 font-size: 21px;
 line-height: 28px;
}

div#block-system-main,
aside#region-related {
 	line-height:21px;
}

div#block-system-main h2.node-title,
body.page-taxonomy-term article.node-veranstaltung div.spitzmarke,
body.page-taxonomy-term article.node-reise div.spitzmarke {
	line-height: 18px;
}

/*
aside#region-related ul {
 	line-height:18px;	
}
*/

div#block-system-main,
div#block-system-main h2,
div#block-system-main h3,
div#block-system-main div.view-content div.paragraph h3,
div#block-system-main h4,
div#block-system-main label,
div#region-service-links div.content ul.menu li,
section#block-locale-language,
aside#region-related,
div#zone-content li.node-readmore a,
div#zone-content li.agenda-overview a,
div#zone-content li.agenda-topic a {
  font-size:12px;
}

body.page-contact aside#region-related h3 {
	font-size: 12px !important;
}

body.front div#region-content div#block-system-main article.node-page h2.node-title a,
body.front div#region-content div#block-system-main article.node-page h2.node-title,
body.front div#region-content div#block-system-main div.topic,
body.page-agenda div#region-content div#block-system-main div.topic {
	font-size: 16px;
}

div#block-system-main div.view-content h3,
div#block-system-main article.node-veranstaltung + h3,
div#block-system-main div.agenda-archived > h3,
div#block-system-main div.agenda-current > h3,
body.node-type-veranstaltung div.spitzmarke,
body.node-type-reise div.spitzmarke {
  font-size: 16px;
}

aside#region-related h2,
aside#region-related h3,
aside#region-related h4, 
nav.navigation ul#main-menu li a,
aside#region-navigation, 
aside#region-navigation ul li,
section#block-system-user-menu,
h2.block-title {     
  font-size:16px !important;
}

aside#region-navigation ul.menu ul.menu li.leaf,
ul.tabs li a {
    font-size: 14px !important;
    line-height: 1.3em;
}

nav.navigation ul#main-menu li a {
	font-size: 16px;
}

aside#region-related div.field-name-field-pictures p.legende {
    font-size: 11px;
    line-height: 18px;
}

aside#region-navigation {
   line-height:18px; 
}  

aside#region-navigation ul li.expanded li { 
    font-size:12px;
    line-height: 5px; 
}



/*  desktop browser   ===================================================================  */
/*  different from narrow view  */

aside#region-navigation {
   width: 180px;
/*
   border-left: 1px solid aqua;
   border-right: 1px solid aqua;
*/
} 

div#region-content {
	width: 450px;
	padding-left: 36px;
	margin-right: 43px;	  
}

body.front div#region-content,
body.page-agenda div#region-content,
body.page-taxonomy-term div#region-content {
/*
	width: 580px;
	margin-right: -87px;
*/
    margin-right: -228px;
    width: 721px;
}

aside#region-related {
	width: 230px;
}

body.front article.node-page div.field-name-field-pictures,
body.front article.node-veranstaltung div.field-name-field-pictures,
body.page-agenda article.node-veranstaltung div.field-name-field-pictures,
body.page-taxonomy-term article.node-veranstaltung div.field-name-field-pictures,
body.front article.node-reise div.field-name-field-pictures,
body.page-agenda article.node-reise div.field-name-field-pictures,
body.page-taxonomy-term article.node-reise div.field-name-field-pictures {
    float: left;
    margin-top: 3px;
}

div.field-name-field-pictures + div.wrap {
    margin-left:190px;    
}

body.front div#region-content div#block-system-main article.node-page h2.node-title a,
body.front div#region-content div#block-system-main article.node-page h2.node-title,
body.front div#region-content div#block-system-main div.topic,
body.page-agenda article.node-veranstaltung div.topic,
body.page-agenda article.node-reise div.topic {
	padding-top: 0;
}

body.page-contact aside#region-related td.table_day {
    width: 50px;
}

/*  different from narrow view  */
/*  desktop browser   ===================================================================  */


/*  floated images  */
div#region-content div.field_about_picture img {
    max-width: 200px;
}

body.front article.node-page div.field-name-field-pictures img,
body.front article.node-veranstaltung div.field-name-field-pictures img,
body.page-agenda article.node-veranstaltung div.field-name-field-pictures img,
body.page-taxonomy-term article.node-veranstaltung div.field-name-field-pictures img,
body.front article.node-reise div.field-name-field-pictures img,
body.page-agenda article.node-reise div.field-name-field-pictures img,
body.page-taxonomy-term article.node-reise div.field-name-field-pictures img {
    max-width: 240px;
}

/*  front page, agenda �bersicht und term  */
div.field-name-field-pictures + div.wrap {
    margin-left:250px;
}

/*  personenliste  */
div#region-content div.person,
aside#region-related div.person {
    margin-top: 17px;    
    padding-bottom: 9px;
}

div#region-content div.field_about_picture + div.wrap {
	min-height: 156px;
}

div#region-content div.field_about_picture + div.wrap {
    margin-left:210px;
}

body.node-type-veranstaltung div.spitzmarke,
body.node-type-reise div.spitzmarke {
    color: #6F6F6F;
/* 	margin-bottom: 12px; */
}

body.node-type-veranstaltung h1,
body.node-type-reise h1 {
    margin-bottom: 12px;
}


/** login forms **/
form#user-login label,
form#sia-login-mitglieder label,
form#sia-login-vorstand label,
form#user-pass label {
    width: 150px;
}

form#user-login input[type="text"],
form#sia-login-mitglieder input[type="text"],
form#sia-login-vorstand input[type="text"],
form#user-pass input[type="text"],
form#user-login input[type="password"],
form#sia-login-mitglieder input[type="password"],
form#sia-login-vorstand input[type="password"],
form#user-pass input[type="password"] {
    height: 28px;
    width: 300px;
}

form#user-login div.description,
form#sia-login-mitglieder div.description,
form#sia-login-vorstand div.description,
form#user-pass div.description {
    left: 150px;
    width: 300px;
}



/*  footer  */
.pagewidth {
    width: 960px;
}

footer#section-footer {
/*    margin-top:200px; */
}

footer#section-footer .leftColumn { 
	margin-right: 28px;
	width:191px; 
}

footer#section-footer .middleColumn { 
	width:490px; 
}

footer#section-footer .rightColumn { 
 	width:220px;
 	font-size:11px;
 	padding-right: 21px;
}
.copyright {
	font-size:11px;
}



/*  webform / Anmeldung  */
div#block-system-main article.node-anmeldung h2 a,
div#block-system-main article.node-veranstaltung h2 a {
    padding-top: 4px;
}

body.node-type-webform div#block-system-main div.webform-component label,
div#block-system-main article.node-anmeldung div.webform-component label,
div#block-system-main article.node-veranstaltung div.webform-component label {
    font-size: 12px;
    width: 150px;
}

body.node-type-webform div#block-system-main div.webform-component input.form-text,
div#block-system-main div.webform-component div.webform-datepicker,
div#block-system-main article.node-anmeldung input.form-text,
div#block-system-main article.node-veranstaltung input.form-text {
    width: 300px;
    height: 25px;
}

/**  Fieldset mehrere Termine **/
div#block-system-main div#webform-component-angaben-veranstaltung--erste-prioritat input {
    width: 100%;
}

body.node-type-webform div#block-system-main div.webform-component-radios div.form-radios,
div#block-system-main article.node-anmeldung div.form-radios,
div#block-system-main article.node-veranstaltung div.form-radios {
    margin-left: 150px;
}

body.node-type-webform div#block-system-main legend,
div#block-system-main article.node-anmeldung legend,
div#block-system-main article.node-veranstaltung legend {
    width:100%;
    padding-top:2px;
}

body.node-type-webform div#block-system-main div.webform-component div.description,
div#block-system-main article.node-anmeldung div.description,
div#block-system-main article.node-veranstaltung div.description {
    margin-left: 150px;
}

/**  Fieldset mehrere Termine **/
div#block-system-main fieldset#webform-component-angaben-veranstaltung div.description {
    margin-left: 0;
}

body.node-type-webform div#block-system-main div.webform-component-managed_file div.description {
    margin-left: 150px;
}

/*  Departement andere  */
body.node-type-webform div#block-system-main div#webform-component-angaben-schule--dep-abt-andere {
    margin-left: 168px;
}

body.node-type-webform div#block-system-main div#webform-component-angaben-schule--dep-abt-andere input {
    height: 25px;
    width: 282px;
}

div#block-system-main article.node-anmeldung div#webform-component-reisebedingungen div.description {
    margin-top: -36px;
}

.transparent {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}

div.spinner {
    background: url("img/please-wait.gif") no-repeat scroll center center transparent;
    z-index: 1;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}

.please-wait div.spinner {
    display: block;
}


/*  site slogan  */
div.site-slogan-container {
	width:135px;
	height: 545px;
	right: -125px;	
}	

section#section-content {
   min-height: 545px;
}

div.site-slogan-container-test {
	background-image: url("img/sektionen/sia_sektion_test.png");
}

div.site-slogan-container-a-k {
    background-image: url("img/sektionen/sia_sektion_ak.png");
    right: -129px;
}

div.site-slogan-container-a-c {
    background-image: url("img/sektionen/sia_sektion_ac.png");
    right: -129px;
}

div.site-slogan-container-aargau {
	background-image: url("img/sektionen/sia_sektion_aargau.png");
	right: -130px;
}

div.site-slogan-container-ausland {
    background-image: url("img/sektionen/sia_sektion_ausland.png");
    right: -128px;
}

div.site-slogan-container-international {
    background-image: url("img/sektionen/sia_sektion_international.png");
    right: -82px;
}

div.site-slogan-container-internationale {
    background-image: url("img/sektionen/sia_sektion_internationale.png");
    right: -82px;
}

div.site-slogan-container-basel {
	background-image: url("img/sektionen/sia_sektion_basel.png");
}

div.site-slogan-container-bern {
	background-image: url("img/sektionen/sia_sektion_bern.png");
}

div.site-slogan-container-bwa {
    background-image: url("img/sektionen/sia_sektion_bwa.png");
    right: -128px;
}

div.site-slogan-container-feb {
    background-image: url("img/sektionen/sia_sektion_feb.png");
    right: -129px;
}

div.site-slogan-container-fbh {
    background-image: url("img/sektionen/sia_sektion_fbh.png");
    right: -130px;
}

div.site-slogan-container-fge {
    background-image: url("img/sektionen/sia_sektion_fge.png");
    right: -156px;
}

div.site-slogan-container-abe {
    background-image: url("img/sektionen/sia_sektion_abe.png");
    right: -130px;
}

div.site-slogan-container-frau {
    background-image: url("img/sektionen/sia_sektion_frau.png");
    right: -92px;
}

div.site-slogan-container-femme {
    background-image: url("img/sektionen/sia_sektion_femme.png");
    right: -92px;
}

div.site-slogan-container-freiburg {
	background-image: url("img/sektionen/sia_sektion_freiburg.png");
	right: -141px;		
}

div.site-slogan-container-fribourg {
	background-image: url("img/sektionen/sia_sektion_fribourg.png");
	right: -141px;		
}

div.site-slogan-container-genve {
	background-image: url("img/sektionen/sia_sektion_genf.png");
    right: -141px;
}

div.site-slogan-container-gii {
    background-image: url("img/sektionen/sia_sektion_gii.png");
    right: -157px;
}

div.site-slogan-container-graubuenden {
	background-image: url("img/sektionen/sia_sektion_graubuenden.png");
    right: -115px;
}

div.site-slogan-container-jura {
	background-image: url("img/sektionen/sia_sektion_jura.png");
    right: -141px;
}

div.site-slogan-container-neuenburg {
	background-image: url("img/sektionen/sia_sektion_neuenburg.png");
    right: -119px;
}

div.site-slogan-container-neuchatel {
    background-image: url("img/sektionen/sia_sektion_neuchatel.png");
    right: -119px;
}

div.site-slogan-container-romande {
    background-image: url("img/sektionen/sia_sektion_romande.png");
    right: -157px;
}

div.site-slogan-container-schaffhausen {
	background-image: url("img/sektionen/sia_sektion_schaffhausen.png");
}

div.site-slogan-container-solothurn {
	background-image: url("img/sektionen/sia_sektion_solothurn.png");
    right: -108px;
}

div.site-slogan-container-st-gallen-appenzell {
	background-image: url("img/sektionen/sia_sektion_sga.png");
    right: -130px;
}

div.site-slogan-container-thurgau {
	background-image: url("img/sektionen/sia_sektion_thurgau.png");
    right: -157px;
}

div.site-slogan-container-ticino {
	background-image: url("img/sektionen/sia_sektion_ticino.png");
}

div.site-slogan-container-vaud {
	background-image: url("img/sektionen/sia_sektion_vaud.png");
	right: -129px;	
}

div.site-slogan-container-wallis {
	background-image: url("img/sektionen/sia_sektion_wallis.png");
}

div.site-slogan-container-winterthur {
	background-image: url("img/sektionen/sia_sektion_winterthur.png");
}

div.site-slogan-container-zentralschweiz {
	background-image: url("img/sektionen/sia_sektion_zentralschweiz.png");
    right: -149px;
}

div.site-slogan-container-zuerich {
	background-image: url("img/sektionen/sia_sektion_zuerich.png");
}