@charset "utf-8";
/* CSS Document */


/*layout*/

#top
{
width:1034px;
height:394px;
}

#top #left
{
				
width:100%;
height:394px;
float:left;
}

#top #right
{
width:400px;
float:right;
}

#middle
{
width:1034px;
}

#middle #left
{
width:774px;
float:left;
}

#middle #right
{
margin-top:20px;
width:256px;
margin-left:4px;
float:right;
}

#bottom
{
width:1034px;
}

#footer
{
position:relative;
}

#footer .login_front
{
position:absolute;
left:0;
bottom:0;
width:30px;
height:40px;
display:block;
}

/*small boxes*/

.small_box
{
width:246px;
height:300px;
background:url(../images/small-box-bg.png);
background-repeat:no-repeat;
float:left;
margin-top:30px;
margin-bottom:30px;
margin-left:10px;
font-size:11px;
}

.small_box.noborder
{
margin-left:0;
}

.small_box a.title
{
width:200px;
height:30px;
padding-top:6px;
padding-left:10px;
display:block;
background:url(../images/small-box-header.png);
background-repeat:no-repeat;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:20px;
color:#ffffff;
cursor:pointer;
text-decoration:none;
}

.small_box a.title.publications
{
font-size:16px;
}

.small_box a:hover.title
{
background:url(../images/small-box-header-hover.png);
}

.small_box .content
{
height:240px;
width:220px;
overflow-y:auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-top:5px;
}

.small_box .content.noscroll
{
width:226px;
height:259px;
overflow:hidden;
}

.small_box .content.noscroll.noborder
{
padding:0;
}

.small_box .content.course
{
line-height:15px;
}

.small_box .content.course a
{
color:#d60000;
text-decoration:none;
font-weight:bold;
}

.small_box .content.course a:hover
{
color:#868686;
}

.small_box .content.course hr
{
border: none 0;
margin-top:10px;
margin-bottom:10px;
border-top: 1px dotted #bbbbbb;
height: 1px;
}


.small_box .content.publications
{
line-height:15px;
}

.small_box .content.publications a
{
color:#5d5d5d;
text-decoration:none;
font-weight:bold;
}

.small_box .content.publications a:hover
{
color:#868686;
}

.small_box .content.publications hr
{
border: none 0;
margin-top:6px;
margin-bottom:6px;
border-top: 1px dotted #bbbbbb;
height: 1px;
}

.small_box.divers
{
height:203px;
}

.small_box.divers .content
{
height:140px;
width:220px;
overflow-y:auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-top:5px;
}

.full_width_box {
	background-color: #ffffff;   
    margin: 0 10px -10px 10px;
    overflow: auto;
    clear:both;
}

.box_inner_element
{
	display: inline-block;
	vertical-align: top;
	padding: 20px 10px 20px 10px;
	text-align: center;
    width: 40%;
}

/*solv logo buttons*/

a.logos
{
width:246px;
height:85px;	 
text-align:center;
display:block;
margin-bottom:10px;
cursor:pointer;
margin-left: -20px;
}

a:hover.logos
{
background-color:#CCCCCC;
}

.custom_logos
{
margin-top:35px;
}

.custom_telefon
{
background:url(../images/beratungstel-box-bg.png);
background-repeat:no-repeat;
width:216px;
height:80px;  
padding:10px;
padding-right:20px;
overflow:hidden;
}

/* social logos */

.moduletable_social
{
	width:246px;	
	margin-top:28px;	
	margin-bottom:28px;	
}
.custom_social 
{
	width: 206px;
    padding: 20px;
    background-color: #ffffff;
    text-align: center;
}


/*gallery box*/

.moduletable_gallery
{
width:246px;
height:300px;
margin-top:28px;
background:url(../images/gallery-bg.png);
background-repeat:no-repeat;
}

.moduletable_gallery h3
{
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:20px;
font-weight:100;
padding-left:10px;
padding-top:10px;
color:#ffffff;
}

.moduletable_gallery img
{
border:1px solid #3d3d3d;
}

.moduletable_gallery a:hover img 
{
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}

.moduletable_gallery .main_images_wrapper
{
margin-left:10px;
}

.moduletable_gallery table
{
margin-top:3px;
}

.moduletable_gallery table tr td
{
padding:1px!important;
padding-left:4px!important;
}

/*new on web box*/

.moduletable_latest
{
width:234px;
height:340px;
background-color:#6d6d6d;
padding-top:14px;
padding-left:10px;
padding-right:16px;
margin-bottom:4px;
}

.moduletable_latest h3
{
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:20px;
font-weight:100;
margin:0;
margin-bottom:10px;
padding:0;
//margin-left:5px;
color:#FFFFFF;
}

.moduletable_latest a
{
color:#f1f1f1;
text-decoration:none;
border-bottom:1px solid #454545;
display:block;
padding-top:5px;
padding-right:5px;
padding-left:5px;
padding-bottom:7px;
line-height:19px;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:16px;
font-weight:100;
}

.moduletable_latest a:hover
{
background-color:#858585;
}


.moduletable_latest.bike h3
{
font-size:20px;
}

.moduletable_latest.bike a
{
font-size:13px;
padding-top:5px;
padding-bottom:6px;
}


/*News fuer Box*/

.newsfor 
{
	overflow-y: auto;
}
.newsfor a
{
padding-left:5px;
color:#f1f1f1;
text-decoration:none;
border-bottom:1px solid #454545;
display:block;
line-height:14px;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size: 14px;
padding-top: 4px;
padding-bottom: 4px;
margin:0;
}

.newsfor h4
{
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:14px;
font-weight:100;
margin:0;
margin-top:5px;
margin-bottom:5px;
padding:0;
color:#FFFFFF;
}

.newsfor h4:focus {
	outline: none;
}

.newsfor h4:hover, .ui-accordion-header-active
{
	background-color: #858585;
}

/* space before "Vernehmlassungen" (correct ID if item count changes) */
.newsfor #ui-id-11 {
	padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #454545;
}

/*slider*/

.moduletable_slider
{
width:758px;
height:203px;
margin-left:10px;
margin-bottom:30px;
background:url(../images/slider-bg.png);
background-repeat:no-repeat;
float:left;
}

.moduletable_slider h3
{
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:18px;
font-weight:100;
color:#FFFFFF;
margin:0;
margin-left:12px;
margin-top:8px;
}

.moduletable_slider #client114 
{
margin-left:24px;
}

/* logo slider modifications */
.ibx-wrapper
{
margin-left:0 !important; 
/*width:690px !important;*/
}

.client-logo-slider.ibx-horizontal
{
	margin-top: 0;
}

/*feed box*/

.light-rss-container
{
background:url(../images/feed-box-bg.png);
background-repeat:no-repeat;
width:216px;
height:123px;  /* 183 (verkleinert fuer Beratungstel.) */
padding:10px;
padding-right:20px;
overflow:hidden;
}

.light-rss-container h3
{
margin:0;
padding:0;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:18px;
font-weight:100;
color:#FFFFFF;
}

.light-rss-container ul
{
list-style-type:none;
margin-top:20px;
}

.light-rss-container a
{
color:#5d5d5d;
font-family: Arial, sans-serif;
font-weight:bold;
text-decoration:none;
font-size:12px;
padding-bottom:5px;
margin-bottom:5px;
display:block;
line-height:14px;
}

.light-rss-container a:hover
{
color:#868686;
}

.moduletable_feed
{
margin-top:30px;
overflow:hidden;
}


/* Buttons community/alle news*/

a.button
{
width:127px;
height:30px;
padding-top:6px;
display:block;
background-color:#d60000;
float:left;
margin-left:2px;
text-align:center;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:20px;
font-weight:100;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
}

a:hover.button
{
color:#e0e0e0;
}

a.button.community
{
margin-left:4px;
}


/* OL-Varianten */ 
.moduletable_varianten
{
height:100%;
width:260px;
}

.custom_varianten
{
background:url(../images/beratungstel-box-bg.png);
background-repeat:no-repeat;
width:216px;
/*height:80px;  */
padding:10px;
padding-right:20px;
overflow:hidden;
}


/* Beratungstelefon */

.moduletable_telefon
{
margin-top:28px;
overflow:hidden;
}


.moduletable_telefon h3, .moduletable_varianten h3
{
margin:0;
padding:0;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:18px;
font-weight:100;
color:#FFFFFF;
}

.moduletable_telefon a
{
color:#5d5d5d;
font-family: Arial, sans-serif;
font-weight:bold;
text-decoration:underline;
font-size:12px;
padding-bottom:5px;
margin-bottom:5px;
}

.moduletable_telefon a:hover
{
color:#868686;
}


.light-rss-container-ski h3
{
margin:0;
padding:0;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:22px;
font-weight:100;
color:#FFFFFF;
}

.light-rss-container-ski ul
{
list-style-type:none;
margin-top:10px;
}

.light-rss-container-ski
{
width:234px;
height:340px;
background-color:#6d6d6d;
padding-top:33px;
padding-left:10px;
padding-right:16px;
margin-bottom:4px;
}

.light-rss-container-ski .light-rss-desc
{
display:none;
}

.light-rss-container-ski a
{
color:#f1f1f1;
text-decoration:none;
border-bottom:1px solid #454545;
display:block;
padding-top:10px;
padding-right:5px;
padding-left:5px;
padding-bottom:12px;
line-height:19px;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:16px;
font-weight:100;
}

.light-rss-container-ski a:hover
{
background-color:#858585;
}


/*competition box*/

.moduletable_wettkaempfe
{
position:relative;
}

a.competition-today
{
position:absolute;
width:227px;
height:20px;
z-index:100;
display:inline-block;
top:31px;
right:-4px;
background-color:#6d6d6d;
color:#FFFFFF;
padding:2px;
padding-left:10px;
padding-right:6px;
margin-right:10px;
text-decoration:none;
border-bottom:1px solid #3d3d3d;
}

a:hover.competition-today
{
background-color:#d60000;
color:#FFFFFF;
border-bottom:1px solid #9d0000;
}

#competition_box
{
width:758px;
height:330px;
margin-top:32px;
margin-left:10px;
}

#competition_box #header
{
width:758px;
height:47px;
background:url(../images/header-bg.png);
}

#competition_box #header h3
{
float:left;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-size:20px;
font-weight:100;
color:#FFFFFF;
margin:0;
margin-top:13px;
margin-left:10px;
padding:0;
}

#competition_box #content
{
overflow-y:auto;
width:758px;
/*height:156px;*/
height: calc(100% - 40px);
background-color:#FFFFFF;
}

#competition_box table
{
border-collapse:collapse;
}

#competition_box #content table tr:nth-child(even)
{
   background-color: #ffffff;
}

#competition_box #content table tr:nth-child(odd)
{
   background-color: #f5f5f5;
}

#competition_box #header table
{
width:394px;
height:24px;
padding:0;
float:right;
margin-top:23px;
margin-right:17px;
}

#competition_box #header table tr td
{
border-left:1px solid #545454;
border-right:1px solid #545454;
text-align:center;
width:48px;
color:#FFFFFF;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-weight:100;
font-size:15px;
}

#competition_box #content table tr.grey
{
background-color:#efefef;
}

#competition_box #content table tr td
{
border:1px dotted #d1d1d1;
padding:5px;
text-align:center;
font-family: 'Cabin Condensed', Arial, sans-serif;
font-weight:100;
font-size:13px;
}

#competition_box #content table tr:hover
{
background:url(../images/row-bg.png);
}

#competition_box #content table tr td.date
{
width:75px;
text-align:left;
}

#competition_box #content table tr td.event
{
width:250px;
text-align:left;
}

#competition_box img
{
border:0;
}

#medium_box_scroll a
{text-decoration:none;}

/* sponsoring */

.custom_sponsoring h3
{
	width: 100%;
	float:left;
	font-family: 'Cabin Condensed', Arial, sans-serif;
	font-size:18px;
	font-weight:100;
	margin:0;
	margin-top:13px;
	margin-bottom:15px;
	padding:0;
	text-transform: uppercase;
}

.spacer-l {
    padding-left: 5px;
}

.custom_sponsoring strong
{
font-size:11px;
}

.custom_sponsoring  strong.small
{
font-size:9px;
}

/* new sponsoring area */

.moduletable_sponsoring h2
{
    margin: 0;
    padding: 0;
    padding-top: 6px;
    padding-left: 10px;
    font-family: 'Cabin Condensed', Arial, sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #ffffff;
    background-color: #838383;
    width: 200px;
    height: 30px;
}
.footer-wrapper {
    background-color: transparent;
}

#sponsoren-block .view-content {
    padding: 15px 0;
    position: relative
}

@media (min-width: 1200px) {
    #sponsoren-block .view-content {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

#sponsoren-block .views-field-nothing {
    text-align: center
}

@media (min-width: 544px) {
    #sponsoren-block .views-field-nothing {
        text-align:left
    }
}


#sponsoren-block .views-group-wrapper {
    position: relative;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px
}


@media (min-width: 1200px) {
	#sponsoren-block .views-group-wrapper:last-child {
	    border-left: 1px solid #cacaca;
	    margin-left: 30px;
	}
}
/*
#sponsoren-block .views-group-wrapper:first-child .views-row {
    padding-top: 0;
} */

.views-row {
	padding: 0;
}

@media (min-width: 1200px) {
    #sponsoren-block .views-group-wrapper {
        border:none;
        width: 24%;
        display: inline-block;
        margin-bottom: 0;
    }

    #sponsoren-block .views-group-wrapper:first-child {
        border-right: 1px solid #cacaca;
        margin-right: 30px;
        padding-right: 50px;
    	padding-left: 50px;
    }

    /*
	#sponsoren-block .views-group-wrapper:first-child .sponsor-border-wrapper {
        text-align: center	
    }
	*/

    #sponsoren-block .views-group-wrapper:first-child .views-field-nothing {
        text-align: center
    }
}

#sponsoren-block .views-group-wrapper>.row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}

/*
#sponsoren-block .views-group-wrapper .sponsor-border-wrapper {
    display: none
}
*/

@media (min-width: 1200px) {
	.views-group-wrapper:last-child .row {
		margin-left: 10px;
	}
}
/*
@media (max-width: 543px) {
    
	#sponsoren-block .views-group-wrapper .sponsor-border-wrapper {
        display:block;
        height: 2px;
        width: 100%;
        padding-top: 5px;
        text-align: center
    }

    #sponsoren-block .views-group-wrapper .sponsor-border-wrapper .sponsor-border {
        height: 2px;
        width: 60%;
        border-bottom: 1px solid #cacaca;
        position: relative;
        display: inline-block
    }
}

@media (min-width: 1200px) {
    #sponsoren-block .views-group-wrapper .sponsor-border-wrapper {
        display:block;
        height: 2px;
        width: 100%;
        padding-top: 5px
    }

    #sponsoren-block .views-group-wrapper .sponsor-border-wrapper .sponsor-border {
        height: 2px;
        width: 70%;
        border-bottom: 1px solid #cacaca;
        position: relative;
        display: inline-block
    }
}

	*/


#sponsoren-block .views-row {
    margin-bottom: 20px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px
}

#sponsoren-block .low {
    padding-top: 10px
}

/*
#sponsoren-block .views-row:last-child .sponsor-border-wrapper {
    visibility: hidden
}
*/

#sponsoren-block .sponsor-label {
    font-size: 11px;
	font-weight: 600;
    margin-bottom: 5px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width: 544px) {
    #sponsoren-block .sponsor-label {
        text-align:left;
        /* left:auto; */
    }
}

#sponsoren-block .sponsor-logo-wrapper {
    display: inline-block
}

#sponsoren-block .sponsor-logo-wrapper img {
    display: inline-block
}

#sponsoren-block .sponsor-logo-wrapper .sponsor-logo-color {
    display: none
}

#sponsoren-block .sponsor-logo-wrapper .sponsor-logo-black-and-white {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#sponsoren-block .sponsor-logo-wrapper:hover .sponsor-logo-black-and-white {
    display: none
}

#sponsoren-block .sponsor-logo-wrapper:hover .sponsor-logo-color {
    display: block
}




/* paddor: News / Social Wall */
	/* (old) */
	 #very-top
	 {
	 	/*white-space: nowrap; /* lelad to issues in Firefox, while Chrome was ok - not needed anymore after all */
	 	margin-bottom: 30px;
	 	overflow: auto;
	 	border: 7px solid #6d6d6d;
	 	overflow: hidden;
	 }
	 
	 /* new */ 
	 .wrapper-sowa {
		display:block;
		margin:auto;
		border:none;
		width:92%;
		padding-top: 20px;
		padding-bottom: 40px;
	 }	 
	 
	.moduletable-sowa-title {
		float: left;
		padding-top: 30px;
	}

	.custom-sowa-title {
		width: 200px;
	    height: 30px;
	    padding-top: 6px;
	    padding-left: 10px;
	    display: block;	    
	    background-repeat: no-repeat;
	    font-family: 'Cabin Condensed', Arial, sans-serif;
	    font-size: 20px;
	    color: #ffffff;	   
	    font-weight: normal;
	    margin-top: 0;
	    margin-bottom: 0;
	}
	
	
	.custom-sowa-title h3 {
		margin: 0;
		padding: 0;
		padding-top: 6px;
		padding-left: 10px;
		font-family: 'Cabin Condensed', Arial, sans-serif;
		font-weight: 100;
		font-size: 18px;
		color: #ffffff;
		background-color: #838383;
		width: 200px;
		height: 30px;
	}
	
	 .moduletable-sowa {
		float: left;
		width: 100%;
	 }

	 #very-top-left
	 {
	 	padding: 5px;	 
	 	display:inline-block;	 
	 	/*width: 100%;*/
	 }

	 #very-top-right
	 {	 	
		width: calc(100%);
		/*width: calc(100% - 320px); /* nur aktivieren, wenn wall auf rechter Seite sein soll */	 	 	*/
	 	/*width: 50%;*/
	 	padding-top: 5px;
	 	float: left;
	 	/*float: right;*/
	 	margin-bottom: 30px;	
	 	display:inline-block;
		/*height: 650px;*/
	 }


	.news_stream {
		position:relative;
		width:1023px;
		height:380px;
		border:7px solid #6d6d6d;
		float: left;
		margin-bottom: 20px;
	}


	.jux_social_stream {
		height: 760px;
	    width: 100%;
	    overflow-y: scroll;
	   	float:left;
	   	background-color: transparent;
	   	white-space: initial;
	   	/*border-top: 1px solid black;*/
	}

	.clean_twitter_feeds {
		overflow-y: scroll;
		height: 750px;
	}

	.moduletabletwitter-feed {
	    margin-left: auto;
    	margin-right: auto;	  
    	overflow: hidden;
    	float: left;
	}

	.customtwitter-feed {
		margin-top: -55px;
	}

	.moduletablewmvideo {
		margin-left: auto;
    	margin-right: auto;
    	width: 420px;
    	height: 330px;	  
	    margin-top: 10px;
	}

	.customwmvideo {
		/* border: 7px solid #6d6d6d;  */  	
	}

	.moduletable_woc_sponsoring {
		border-bottom: #da0000;
	    border-width: 4px;
	    border-style: none none solid none;
	}

	.custom_woc_sponsoring {
   	    background-color: #ffffff;	    	    
   	    overflow: auto;
	}

	.custom_woc_sponsoring img {
		margin: 5px;
	}

	.custom_woc_sponsoring h3
	{
		float:left;
		font-family: 'Cabin Condensed', Arial, sans-serif;
		font-size:18px;
		font-weight:100;
		margin:0;
		margin-top:13px;
		margin-bottom:16px;
		padding:0;
	}

	.woc_logo_left {
		display: inline-block;
		margin: 10px;
		margin-left: 20px;
	}

	.woc_logo_right {
		margin-top: 10px;
		margin-right: 20px;
	    vertical-align: bottom;
	    //line-height: 80px;
	    display: inline-block;
	    float: right;
	    text-align: right;
	    //margin-left: auto;
	    //margin-right: auto;
	    //width: 650px;
	    //text-align: right;
	}

/* Addor: popup on frontpage */
	.md-content{
		background-image: url(https://www.swiss-orienteering.ch/templates/swiss-orienteering-frontpage/images/popup_back.jpg);
}